Vue.js 如何自定义Vue CLI生成的JS文件的名称？

我找不到有关如何使用vue cli最小化资产和生成*.min.js文件的文档。 使用vue cli 4.2.3版进行Im

我要求扩展名为*.min.js，rollbar才能正常工作

---

如何配置vue cli以生成最小化的资产？（不涉及TS）。

我确信在生产模式下运行

build

时，Vue CLI会缩小JS输出。它只是使用了不同的命名约定（没有“min.js”）

要调整Vue CLI生成的JS块的文件名，可以执行以下操作：

通过在命令行上运行

Vue inspect

（开发模式）或

Vue inspect--mode production

（生产模式），检查Vue CLI使用的默认网页包配置

查找

输出

（应该在输出的开头附近）。在我的项目中，它看起来像这样：

开发模式：

输出：{
路径：'..some dir\\dist'，
文件名：“js/[name].js”，
公共路径：“/”，
chunkFilename:'js/[name].js'
}, 

生产方式：

输出：{
路径：'..some dir\\dist'，
文件名：'js/[name].[contenthash:8].js'，
公共路径：“/”，
chunkFilename:'js/[name].[contenthash:8].js'
}, 

现在，您可以调整它-如果您还没有它，请添加到您的项目中，并添加以下内容：

module.exports={
配置网页包：配置=>{
if（process.env.NODE_env==“生产”）{
config.output.filename='js/[name].[contenthash:8].min.js'
config.output.chunkFilename='js/[name].[contenthash:8].min.js'
}否则{
config.output.filename='js/[name].js'
config.output.chunkFilename='js/[name].js'；
}
}
}

---

[name]

和

[contenthash:8]

都是网页包占位符-我确信Vue CLI在生产模式下运行

build

时会缩小JS输出。它只是使用了不同的命名约定（没有“min.js”）

要调整Vue CLI生成的JS块的文件名，可以执行以下操作：

通过在命令行上运行

Vue inspect

（开发模式）或

Vue inspect--mode production

（生产模式），检查Vue CLI使用的默认网页包配置

查找

输出

（应该在输出的开头附近）。在我的项目中，它看起来像这样：

开发模式：

输出：{
路径：'..some dir\\dist'，
文件名：“js/[name].js”，
公共路径：“/”，
chunkFilename:'js/[name].js'
}, 

生产方式：

输出：{
路径：'..some dir\\dist'，
文件名：'js/[name].[contenthash:8].js'，
公共路径：“/”，
chunkFilename:'js/[name].[contenthash:8].js'
}, 

现在，您可以调整它-如果您还没有它，请添加到您的项目中，并添加以下内容：

module.exports={
配置网页包：配置=>{
if（process.env.NODE_env==“生产”）{
config.output.filename='js/[name].[contenthash:8].min.js'
config.output.chunkFilename='js/[name].[contenthash:8].min.js'
}否则{
config.output.filename='js/[name].js'
config.output.chunkFilename='js/[name].js'；
}
}
}

---

[name]

和

[contenthash:8]

是网页的占位符-更多信息请参见

我确信VueCLI会在

生产模式下缩小js文件。所以我猜你的问题只是命名，对吧？我很确定VueCLI会在
生产模式下缩小js文件。所以我猜你的问题只是命名，对吧？非常感谢！正是我需要的。@larsrbak太好了！所以，没有什么可以阻止您将其标记为解决方案，对吗？；-）非常感谢你！正是我需要的。@larsrbak太好了！所以，没有什么可以阻止您将其标记为解决方案，对吗？；-）