vue修改默认打包dist文件名称
在Vue项目中,你可以通过修改vue.config.js
文件来更改默认的打包文件名称。如果你想要修改dist
目录下的文件名称,可以使用outputDir
选项;如果要修改特定文件的名称,可以使用configureWebpack
或chainWebpack
选项。
以下是一个vue.config.js
的配置示例,它将改变打包后dist
目录的名称以及更改JavaScript文件的打包后名称:
module.exports = {
// 修改打包后的目录名称
outputDir: 'dist-custom-name',
// 修改打包后的静态资源名称
assetsDir: 'static-custom-name',
// 修改打包后的index.html文件名称
indexPath: 'index-custom-name.html',
// 如果需要更细粒度的控制,可以使用configureWebpack或chainWebpack
configureWebpack: {
output: {
filename: 'js/[name].bundle-custom-name.js',
chunkFilename: 'js/[name].chunk-custom-name.js'
}
},
// 或者使用chainWebpack进行更复杂的配置
chainWebpack: config => {
config.output.filename('js/[name].bundle-custom-name.js').end();
config.output.chunkFilename('js/[name].chunk-custom-name.js').end();
}
};
在上述配置中,outputDir
改变了打包后的目录名称,assetsDir
改变了静态资源的目录名称,indexPath
改变了index.html
的文件名称,而configureWebpack
或chainWebpack
中的配置则分别使用自定义的名称来输出打包后的JS文件和代码块。
请根据你的具体需求来修改上述配置。
评论已关闭