webpack怎么自动编译多文件入口

require('fs')这个东西怎么配置多文件入口
有没有完整的示例,像我这种下面配置都要手动去添加,很是麻烦!!

阅读 3.3k
1 个回答

需要保证你的 ./app/js 文件夹下放的文件都是入口文件。

var fs = require('fs');
var path = require('path');
var base = './app/js';

var files = fs.readDirSync(base).filter(function(file){
    return fs.stateSync(file).isFile();
});

var entry = {}, plugins = [];
files.forEach(function(file) {
    var name = path.basename(base + file, '.js');
    entry[name] = base + file;
    plugins.push(
        new HtmlWebpackPlugin({
            filename: './'+name+'.html',
            template: './app/'+name+'.html',
            inject: true,
            hash: true,
            chunks: ['common', name]
        })
    );
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进