慕斯王
2023-10-14 16:00:02
我有以下目錄: - src/ - js/ - profile1/ - script1.js - script2.js - profile2/ - script3.js - script4.js - script5.js - dist/ - js/ package.js webpack.config.js我正在嘗試將所有 JS 文件打包到保留相同命名和文件夾結(jié)構(gòu)的文件夾/src/js中。dist/js我可以為每個(gè)文件編寫不同的配置,并對(duì)每個(gè) JS 文件進(jìn)行 webpack,但我想知道是否有一組配置可以一次性完成所有操作。我努力了:const path = require('path');module.exports = { entry: './src/js/*.js', output: { filename: '*.js', path: path.resolve(__dirname, 'dist'), }}慘敗。
1 回答

MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
您可以像使用glob一樣先匹配入口文件(使用 來安裝它npm i glob
)。[name]
然后您可以通過附加到 來動(dòng)態(tài)更改輸出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'),
? },
};
添加回答
舉報(bào)
0/150
提交
取消