vue项目中生产环境禁用debugger,关闭console

摘要:
vue-cli2.01。安装uglifyjs webpack插件npminiinstalluglifyJS webpack plugin--save-dev2。修改wenpack的配置文件。prod.config.js constUglifyJsPlugin=要求('glifyjs-webpack-plugin');插件:[//http://vuejs.gith
vue-cli2.0中的方法
1.安装uglifyjs-webpack-plugin插件
npm install uglifyjs-webpack-plugin --save-dev

2.修改wenbpack.prod.config.js配置文件

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
        // http://vuejs.github.io/vue-loader/en/workflow/production.html
        new webpack.DefinePlugin({
            'process.env': env
        }),
        new UglifyJsPlugin({
            uglifyOptions: {
                // include: //src/,
                compress: {
                    warnings: false,
                    drop_debugger: true, //自动删除debugger
                    drop_console: true //自动删除console.log
                }
            },
            sourceMap: config.build.productionSourceMap,
            parallel: true
        })
]
vue-cli3.0中的方法
1.安装babel-plugin-transform-remove-console插件
cnpm i babel-plugin-transform-remove-console -D

2.修改babel.config.js文件如下

const plugins = ['transform-remove-strict-mode'];
if (process.env.NODE_ENV === 'production' && process.env.VUE_APP_OpenLog == 0) {
  plugins.push('transform-remove-console');
}
module.exports = {
  presets: [
    [
      '@vue/app',
      {
        polyfills: ['es6.promise', 'es6.symbol']
      }
    ]
  ],
  ignore: ['./src/assets/js/mui.js'],
  plugins: plugins
};
 
 

免责声明:文章转载自《vue项目中生产环境禁用debugger,关闭console》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇spring boot + vue + element-ui全栈开发入门——项目部署Oracle Forms Services Architecture下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue 表情包输入组件的实现代码

Emotion 一个用于vue的表情输入组件https://gitee.com/jiangliyue/vue_expression_input_module index是使用示例,emotion是组件代码(这里用的是微信表情包的地址,大家可根据需要修改) 下载安装启动项目查看效果 npm install npm run dev Emotion文件夹下...

Vue数据可视化组件:DataV

组件库名称:DataV 项目地址:https://github.com/DataV-Team/DataV 文档地址 贴几个Demo图 DataV是一个基于Vue数据可视化组件库,类阿里DataV,提供SVG的边框及装饰,图表,飞线图等组件,简单易用。 主要的组件类型 SVG的边框,主要用于提升页面效果,一个边框组件仅几k到十几k,后期会添加颜色之类的配置...

webpack 构建多页面应用初探

如何使用webpack构建多页面应用,这是一个我一直在想和解决的问题。网上也给出了很多的例子,很多想法。猛一看,觉得有那么点儿意思,但仔细看也就那样。 使用webpack这个构建工具,可以使我们少考虑很多的问题。 我们常见的单页面应用只有一个页面,它考虑问题,解决问题围绕着中心化去解决,因此很多麻烦都迎刃而解。如果你使用过vue.js,那么想必你一定用过v...

vue实现CheckBox与数组对象绑定

实现需求: 实现一个简易的购物车,页面的表格展示data数据中的一个数组对象,并提供选中商品和全选商品checkbox复选框,页面实时显示选中商品的总金额: 分析: 1:使用v-for循环渲染arraylist对象; 2:使用computed计算属性计算总价; 3:使用computed计算全选复选框是否应该被选中(商品列表如果都被勾选,则设置全选复选框的...

vue中通过WeixinJSBridge关闭微信公众号当前页面,返回微信公众号首页

之前有个需求,点击菜单进入到微信公众号模块,然后点击返回的时候不知道到哪里去,后来觉得点返回的时候直接关闭页面,但是window.close()并不能关闭页面,然后经过查找资料,发现通过以下方法可以 setTimeout(function() { //这个可以关闭安卓系统的手机 document.addEventListener( "Wei...

Vue根据浏览器窗体变化动态设置Element Table组件的最大高度

Vue根据浏览器窗体变化动态设置Element Table组件的最大高度 这个场景应该经常遇到,比如说在一个页面有一个table,想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏,如果表格下面还有换页的话,换页直接冲没了,所以需要计算这个table表格的最大高度。 使用的是饿了吗Element组件库的table组件,有一个属性是 max-heig...