要修改Vue CLI 3 预设的 terser-webpack-plugin
插件配置,您可以使用 Vue CLI 提供的配置文件和插件配置选项。以下是一些步骤来实现这个目标:
- 创建配置文件:
在您的 Vue CLI 3 项目根目录下,可以创建一个名为vue.config.js
的文件,如果项目中还没有这个文件。这个文件将用于配置 webpack。 - 配置
terser-webpack-plugin
:
在vue.config.js
中,您可以配置terser-webpack-plugin
的选项。例如,如果您想更改terser-webpack-plugin
的压缩选项,可以像这样进行配置:
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new TerserPlugin({
terserOptions: {
compress: {
drop_console: true, // 移除console.log
},
},
}),
],
},
},
};
在上面的示例中,我们将 terser-webpack-plugin
配置为移除控制台日志(console.log
)。
- 其他配置:
您还可以在vue.config.js
文件中配置其他与 webpack 相关的选项,例如自定义 loaders、插件、alias 等。 - 重启开发服务器:
如果您正在运行开发服务器 (npm run serve
),则需要在修改配置后重启开发服务器,以使新配置生效。
请注意,Vue CLI 3 的配置文件采用了基于 JavaScript 的配置语法,因此您可以按照需要定制各种 webpack 和项目配置。确保查阅 Vue CLI 3 的官方文档,以获取更多有关配置选项的详细信息和示例。
标签:vue,cli3,plugin,配置,Vue,webpack,terser,CLI From: https://blog.51cto.com/M82A1/7556824