我有以下目录:
- src/
- js/
- profile1/
- script1.js
- script2.js
- profile2/
- script3.js
- script4.js
- script5.js
- dist/
- js/
package.js
webpack.config.js
我正在尝试将所有 JS 文件从 webpack/src/js
到dist/js
文件夹,保留相同的命名和文件夹结构。
我可以为每个文件编写不同的配置,并为每个 JS 文件编写 webpack,但我想知道是否有一组配置可以一次性完成所有操作。
我努力了:
const path = require('path');
module.exports = {
entry: './src/js/*.js',
output: {
filename: '*.js',
path: path.resolve(__dirname, 'dist'),
}
}
惨败。
您可以像使用glob一样首先匹配入口文件(用 安装它npm i glob
)。然后您可以通过附加[name]
到output.filename
. 这是完整的代码:
const path = require('path');
const glob = require('glob');
module.exports = {
entry: Object.fromEntries(glob.sync(path.resolve(__dirname, 'src/js/**/*.js')).map((v) => [
v.split('src/js/')[1], v,
])),
output: {
filename: '[name]',
path: path.resolve(__dirname, 'dist/js'),
},
};
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句