❤
npm
Sign UpSign In

ref-loader

1.0.3 • Public • Published

A webpack loader that will create dependencies between any files manually

Usage

Use @ref(./anyfile.ext) in any text file will build a dependency from current file to anyfile.ext; Then it will replace @ref() markup to module result of anyfile.ext.

Example

// Webpack config
const rules = [
  {
    test: /\.png$/,
    use: [{ loader: 'file-loader'}]
  },
  {
    test: /\.html$/,
    use: [
      { loader: 'file-loader' },
      { loader: 'extract-loader' },
      { loader: 'ref-loader' },
    ]
  }
];
<!-- avatar_page.html -->
<html>
  <img src="@ref(./avatar.png)" /> 
  <!-- Will change to -->
  <!-- <img src="a8ea0cfae3d6cfd2f079a9d70ee61a63.png" /> -->
</html>
// index.js
import './avatar_page.html'

/ref-loader/

    Package Sidebar

    Install

    npm i ref-loader

    Repository

    github.com/leecjson/ref-loader

    Homepage

    github.com/leecjson/ref-loader#readme

    Weekly Downloads

    379

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    3.81 kB

    Total Files

    5

    Last publish

    Collaborators

    • leecjson
    Try on RunKit
    Report malware