wildcards-entry-webpack-plugin

quick start

1、 npm install wildcards-entry-webpack-plugin --save-dev

2、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.js

WildcardsEntryWebpackPlugin.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:

eg 3: @wildcards: "./src/js/**/*.js", @assignEntry: {xxx:'./src/a.js'} and get chunk name 'js/index' and 'xxx'

@namePrefix string:

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 3

principle

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 -w

reference

https://github.com/webpack/webpack/issues/370

https://github.com/webpack/webpack/issues/5407