vue-cli4构建build时删除console和debugger


vue-cli4创建的vue项目,开发过程中会增加一些console以及debugger,但是这些并不希望在build发布后的生产环境中存在,因此我们可以通过配置来实现编译后自动删除debuggerconsole

安装npm包:

PowerShell 全选
cnpm install uglifyjs-webpack-plugin --save-dev

修改babel.config.js文件

JavaScript 全选
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  env: {
    development: {
      plugins: ['dynamic-import-node'],
    },
    production: {
      plugins: ['transform-remove-console'],
    },
  },
};

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:Electron调用C#类库dll
下一篇:智能转换文件大小单位B,KB,MB,GB
评论列表

发表评论

评论内容
昵称:
关联文章

vue-cli4构建build删除consoledebugger
新建vue项目出现error Unexpected ‘debugger‘ statement no-debugger
VUE Cli3项目添加LESS支持
vue vue-clie多环境配置
使用Hot Chocolate.NET 6构建GraphQL应用(4) —— 实现Query映射功能
npm 全局模块CLI开发,出现'console'未定义的情况
.NET 微服务——CI/CD(4):避坑一点经验
vue3+vist 打包空白
使用Hot Chocolate.NET 6构建GraphQL应用(1)——GraphQL及示例项目介绍
使用Hot Chocolate.NET 6构建GraphQL应用(2) —— 实体相关功能实现
debugger浏览器不会触发断点
vue中异步函数asyncawait的用法
.NET Core 运行T4模板使用,T4生成代码
使用Hot Chocolate.NET 6构建GraphQL应用(3) —— 实现Query基础功能
.NET 微服务——CI/CD(1):Jenkins+Gitee自动构建
vue结合qiankun无法使用vue devtools调试子项目
升级到Chromium 99版本后调试项目无法debugger定位到源代码
Part4
WPF 引用第三方库的控件在设计器加上设计数据属性
消息发送的问题

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码