vue-cli3.0打包后使代码压缩且不换行
时间: 2023-08-14 22:08:28 浏览: 57
可以通过在vue.config.js中设置uglifyOptions来实现代码压缩且不换行的需求,具体代码如下:
```javascript
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
// 压缩代码
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log']
},
output: {
// 不换行
beautify: false
}
}
})
]
}
}
}
```
需要注意的是,这里使用了uglify-js插件来进行代码压缩,因此需要先安装该插件:
```bash
npm install uglify-js --save-dev
```
相关问题
vue-cli3.0打包后禁止浏览器Sources调试
可以通过在`vue.config.js`中的`configureWebpack`属性中添加以下配置来禁止浏览器Sources调试:
```javascript
configureWebpack: {
devtool: 'none'
}
```
这将禁用Webpack的source map生成功能,从而使浏览器无法调试源代码。注意,这将使得调试变得困难,因此只建议在生产环境中使用此配置。
卸载vuecli3_vue-cli3.0升级失败,vue-cli卸载不掉,万能解决办法
您可以尝试以下步骤来卸载vuecli3或vue-cli:
1. 打开命令行工具,并使用管理员权限运行它。
2. 输入以下命令来检查您已经安装的vue-cli版本:
```
vue --version
```
3. 如果您已经安装了vue-cli 3.x版本,您可以使用以下命令来卸载它:
```
npm uninstall -g @vue/cli
```
4. 如果您无法卸载vue-cli,则可以尝试使用以下命令:
```
npm uninstall -g vue-cli
```
5. 如果上述命令仍然无法卸载vue-cli,您可以手动删除全局安装的vue-cli文件夹。您可以使用以下命令来查找vue-cli安装的位置:
```
npm list -g vue-cli
```
6. 找到vue-cli安装的位置后,您可以使用以下命令来删除它:
```
npm uninstall -g /path/to/vue-cli
```
请确保将“/path/to/vue-cli”替换为您找到的vue-cli文件夹的路径。
希望这些步骤可以帮助您成功卸载vue-cli!