move-file-loader

move-file-loader for Webpack

A Webpack loader to move files from one location to another and return the contents.

This webpack loader allows you to output required or imported files to a specific location, and return the contents of the file. Check out the blog post for more examples.

Install

$ npm i --save move-file-loader

Usage

Add a loader to your Webpack configuration that describes how and where to move the file. The contents of the file are returned from the loader.

module.exports = {
    ...your webpack config,
    module: {
        rules: [{
            test: /.json/,
            /**
             * This will move .json files to the [path]/[name].json
             * location after being processed by json-loader
             */
            use: "move-file-loader?name=[path][name].json!json"
        }]
    },
    ...the rest of your webpack config
}

And import a JSON file:

import stuff from 'file.json'
 
console.log(stuff); // Contents of the JSON file

License

All of the code snippets in this repository are licensed under MIT. View the license

---

assertible.com  ·  GitHub @assertible  ·  Twitter @AssertibleApp