[英]With Vue-cli, when running build, how to organize files in css and js folders after the build?
默認情況下,Vue-cli 創建文件如下:
- dist
-- demo.html
-- style.css
-- file.commom.js
-- file.commom.js.map
-- file.umd.js
-- file.umd.js.map
-- file.umd.min.js
-- file.umd.min.js.map
我希望以這種方式組織文件:
- dist
-- demo.html
-- css
--- style.css
-- js
--- file.commom.js
--- file.commom.js.map
--- file.umd.js
--- file.umd.js.map
--- file.umd.min.js
--- file.umd.min.js.map
額外的問題:這些常見和 umd 名稱真的有必要嗎? 因為在 node_modules 文件夾中,我沒有看到任何具有這些名稱的項目。
你可以通過修改你的 webpack 配置來實現這一點。
在這里看看這個問題: https : //github.com/vuejs/vue-cli/issues/1967
module.exports = {
chainWebpack: (config) => {
config.module
.rule('images')
.use('url-loader')
.tap(options => Object.assign({}, options, { name: '[name].[ext]' }));
},
css: {
extract: {
filename: '[name].css',
chunkFilename: '[name].css',
},
},
configureWebpack: {
output: {
filename: '[name].js',
chunkFilename: '[name].js',
}
}
};
這是給出的示例,但您可以更改 chunkFilname 和 filename 鍵以將文件夾作為路徑的一部分。 例如'javascript/[name].js'
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.