wildcards-entry-webpack-plugin
quick start
1、 npm install wildcards-entry-webpack-plugin --save-dev2、webpack.config.js
// webpack.config.js
var WildcardsEntryWebpackPlugin = require('wildcards-entry-webpack-plugin');
module.exports = {
entry: WildcardsEntryWebpackPlugin.entry('./src/js/**/*.entry.js'),
output: {
filename: 'dist/[name].js'
},
plugins:[
new WildcardsEntryWebpackPlugin()
]
};how to use
// if you have a tree , like this:
.
├── dist
│ └── js
│ └── index.js
├── src
│ ├── a.js
│ └── js
│ └── index.js
└── webpack.config.jsWildcardsEntryWebpackPlugin.entry(wildcards, assignEntry, namePrefix);
@wildcards string:
eg 1: @wildcards: "./src//.js", we will wacth './src', and get chunk name 'js/index'eg 2: @wildcards: "./src/js//.js", we will wacth './src/js', and get chunk name 'index'
@assignEntry Object (optional):
eg 3: @wildcards: "./src/js//.js", @assignEntry: {xxx:'./src/a.js'} and get chunk name 'js/index' and 'xxx'@namePrefix string (optional):
eg 4: @wildcards: "./src/js//.js", @assignEntry: null, @namePrefix : 'dir1/dir2' and get chunk name 'dir1/dir2/js/index' and 'xxx'eg 5: @wildcards: "./src/js//.js", @assignEntry: {xxx:'./src/a.js'}, @namePrefix : 'dir1/dir2' and get chunk name 'dir1/dir2/js/index' and 'xxx' !! assignEntry not add a prefix
in watch mode, you can add a entry file in watched dir, wepack will get a new entry as your wildcards.
dependency
webpack 3principle
1.dynamic entry
//webpack.config.js
{
enry: function(){}
}2.watch dir webpack plugin
apply(compiler) {
compiler.plugin("after-compile", function (compilation, callback) {
compilation.contextDependencies.push(YOUR_WATCH_DIR);
callback();
});
}test
npm install webpack -g
git clone ...
cd test
webpack -wreference
https://github.com/webpack/webpack/issues/370https://github.com/webpack/webpack/issues/5407
