vuecli3代码压缩混淆使用uglifyjs压缩JS

1:第一种方法

1、安装 “uglifyjs-webpack-plugin”

cnpm i --save uglifyjs-webpack-plugin

没有安装cnpm的同学可以用npm

2、在项目根目录下创建一个名为 vue.config.js的文件

3、在vue.config.js中引入uglifyjs-webpack-plugin

const UglifyPlugin = require('uglifyjs-webpack-plugin')

4、在vue.config.js中配置uglifyjs-webpack-plugin

module.exports = {configureWebpack: (config) => {if (process.env.NODE_ENV == 'production') {// 为生产环境修改配置config.mode = 'production'// 将每个依赖包打包成单独的js文件let optimization = {minimizer: [new UglifyPlugin({uglifyOptions: {warnings: false,compress: {drop_console: true, drop_debugger: false,pure_funcs: ['console.log'] }}})]}Object.assign(config, {optimization})} else {// 为开发环境修改配置config.mode = 'development'}}
};

这就可以了，接下来大家可以打包试试了

cnpm run build

如果报错的话，估计是uglifyjs-webpack-plugin版本又更新了，可能需要修改配置中的 “minimizer”节点，官方文档地址：uglifyjs-webpack-plugin - npm

如有错误，欢迎指出！

2:第二张方法

打包后的代码段：app.js

找到文件夹 build/webpack.pro.conf.js

在UglifyJsPlugin 插件中39行加入两行代码

drop_console: true,
pure_funcs: [‘console.log’] 去掉注释

   new UglifyJsPlugin({uglifyOptions: {compress: {warnings: false,//drop_console  传递true以放弃对控制台的调用。*功能drop_console: true,// pure_funces 禁用console.log函数pure_funcs: ['console.log']},},sourceMap: config.build.productionSourceMap,parallel: true}),

　　　　如何安装node.js就不再介绍了, 百度一下一大把.安装uglifyjs如下:

　　　　　　npm install uglify-js -g

演示如何使用uglifyjs压缩JS

打开一个用于存放JS文件的文件夹，进入到cmd

此时输入命令对app.8d991fddffba99b1a623.js文件进行压缩并输出文件名为app.8d991fddffba99b1a623.min.js的文件: m是浑浊 o是压缩

uglifyjs app.8d991fddffba99b1a623.js -o app.8d991fddffba99b1a623.min.js 也可以运行如下代码, 测试一下-m参数:

uglifyjs app.8d991fddffba99b1a623.js -m -o app.8d991fddffba99b1a623.min.js

vuecli3代码压缩混淆使用uglifyjs压缩JS相关推荐

使用UglifyJS实现将js代码压缩混淆
使用UglifyJS进行js代码压缩混淆(混淆后的代码的可读性是较高的,这里主要是压缩体积) 安装:全局:npm install uglify-js -g 局部:npm install uglify- ...
[转载]用UglifyJS2合并压缩混淆JS代码——javascript系列
从零开始nodejs系列文章,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发.Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎.chrome浏 ...
用uglifyjs压缩JS js压缩混淆
原文小tip:我是如何初体验uglifyjs压缩JS的这篇对之前那边进行稍微一点修改 js的压缩并不是网上那种混淆网上那种压缩混淆没什么卵用.分分钟给弄回来也是逗死我了只是一些简单的 ...
如何使用js压缩html代码,使用uglifyjs压缩JS
背景介绍 ====== 大家有没有去看过jquery-1.8.3.min.js文件中的代码? 如果有看过你会发现变量名都是a, b , c啥的.且所有的代码没有空格一大长串.这时可能你会疑惑, 为何会 ...
js代码压缩混淆uglify
-c压缩,-m混淆命名,-b格式化输出js文件(否则为只有一行),-o目标输出文件. 压缩一个文件: uglifyjs main.js -o publish/main.js -c -m -b 压缩多个 ...
vue webpack压缩代码_webpack不混淆、不压缩指定js文件
在项目中使用了mozilla/pdf.js,在使用中需要设置GlobalWorkerOptions.workerSrc,代码如下 import PDFJS from 'pdfjs-dist' impo ...
uglifyjs 压缩js代码使用指南
UglifyJS--javascript代码压缩使用指南{转} 在线测试地址 http://lisperator.net/uglifyjs/ 下面都是基于linux系统的安装使用. UglifyJS是 ...
如何使用uglify-js压缩指定文件夹下的js代码
前言客户来了需求:想使用公司的组件包,但组件包的源码不能对其开放,该怎么做呢? 发布后的组件包目录结构如下图所示: 其中,es文件夹下的js代码皆为esm(ES Module)模块 lib文件夹下的 ...
uglify js 代码压缩混淆
关于 js 压缩混淆 npm install uglify-js -g(不支持 es6语法) npm install uglify-es -g(支持es6语法) 使用命令uglifyjs uglify ...
Java 压缩/混淆 JavaScript 代码
基本上都是自己写的工具构建前端工程,压缩/混淆 JavaScript 代码的工具必不可少.我们是 Java 平台的,就是说用 Java 去压缩 JS,这样比较方便.虽然咱们可以外部调用 node 等专 ...