webpack打包多文件

94 阅读1分钟

同一目录下,如果有多个js文件,想要打包到dist目录下,目录结构如下:

直接贴代码:

const path = require('path');

// inputFileList 可以动态获取目录下所有文件,并自行拼装处理
const inputFileList = {
    index: 'index.js',
    v1: 'v1.js'
}
// 处理后,入口文件对象,长成这个样子
// inputFileObj = {
//   index: 'D:\\webpack\\src\\index.js',
//   v1: 'D:\\webpack\\src\\v1.js'
// }
const inputFileObj = {}
Object.keys(inputFileList).forEach(v => {
    inputFileObj[v] = path.resolve(__dirname, 'src', inputFileList[v]);
});
module.exports = {
    entry: inputFileObj,
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "[name].js"
    }
}

说明 :[name]会取 entry 入口对象的key值。

也就是 inputFileObj 对象的key值

inputFileObj = {
    index: 'D:\\webpack\\src\\index.js', 
    v1: 'D:\\webpack\\src\\v1.js'
}

方式二:

module.exports = {
    entry: inputFileObj,
    output: {
        path: path.resolve(__dirname, 'dist')
    }
}

直接去掉filename字段