我正在使用Vue.js構建一個 Web 應用程式。而webpack（版本：4.41.2）是我的構建工具，我使用動態匯入的方式來加載組件，簡單的定義如下：
components: {
chat: () => import(import(/* webpackChunkName: "chat" */ './chat')),
file: () => import(import(/* webpackChunkName: "file" */ './file'))
}
webpack 輸出配置是：
output: {
filename: 'js/[name].[chunkhash].js',
chunkFilename: 'js/[name].[chunkhash].js'
},
以下是構建的檔案：
chat.ed11dfebe7589449a58f.js,
file.5d49ceb7951cfdd60f32.js,
chat~file.9626240163418cbf81b9.js
如你所見，有一個檔案名chat~file，在我們公司的安全規則中，如果檔案名包含~，將阻止下載它們，所以我需要將~這里的信號更改為其他允許的信號，例如_，有沒有人知道如何更改這個在 webpack 配置中？
uj5u.com熱心網友回復：
配置名稱分隔符 optimization.splitChunks.automaticNameDelimiter = '_'
https://webpack.js.org/plugins/split-chunks-plugin/#optimizationsplitchunks
uj5u.com熱心網友回復：
您可以使用vue.config.js檔案配置生成的塊的名稱。試試這個：
module.exports {
configureWebpack: (config) => {
config.output.filename = '[name].[hash:8].js';
config.output.chunkFilename = '[name].[hash:8].js';
}
}
編輯因為評論：
可以使用automaticNameDelimiter（檢查檔案）更改分隔符。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/358419.html