亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Webpack 將目錄中同名的所有文件輸出到不同的文件夾中

Webpack 將目錄中同名的所有文件輸出到不同的文件夾中

慕斯王 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 文件打包到保留相同命名和文件夾結構的文件夾/src/js中。dist/js我可以為每個文件編寫不同的配置,并對每個 JS 文件進行 webpack,但我想知道是否有一組配置可以一次性完成所有操作。我努力了:const path = require('path');module.exports = {  entry: './src/js/*.js',  output: {    filename: '*.js',    path: path.resolve(__dirname, 'dist'),  }}慘敗。
查看完整描述

1 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

您可以像使用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'),

? },

};


查看完整回答
反對 回復 2023-10-14
  • 1 回答
  • 0 關注
  • 264 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號