https://github.com/leecjson/ref-loader

A webpack loader that will create dependencies between any files manually
https://github.com/leecjson/ref-loader

javascript loader webpack

Last synced: about 1 year ago
JSON representation

A webpack loader that will create dependencies between any files manually

• Host: GitHub
• URL: https://github.com/leecjson/ref-loader
• Owner: leecjson
• License: mit
• Created: 2018-11-19T01:45:14.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-11-20T04:46:02.000Z (over 7 years ago)
• Last Synced: 2025-04-09T12:22:14.569Z (about 1 year ago)
• Topics: javascript, loader, webpack
• Language: JavaScript
• Homepage:
• Size: 47.9 KB
• Stars: 7
• Watchers: 1
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
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

```javascript

// Webpack config

const rules = [

  {

    test: /\.png$/,

    use: [{ loader: 'file-loader'}]

  },

  {

    test: /\.html$/,

    use: [

      { loader: 'file-loader' },

      { loader: 'extract-loader' },

      { loader: 'ref-loader' },

    ]

  }

];

```

```html

   

  

  

```

```javascript

// index.js

import './avatar_page.html'

```