vue+webpack 编译时，代码压缩，删除console与注释

最新推荐文章于 2024-05-06 18:14:57 发布
最新推荐文章于 2024-05-06 18:14:57 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： vue使用知识 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35620498/article/details/108254020
版权

uglifyJsPlugin 用来缩小（压缩优化）js文件的，最近上了一个项目经理说我账号密码在页面注释了，布上去能审查到！

索性直接处理掉！

1、vue cli 3.0中，项目的 vue.config.js 

 

2、vue 2.0项目 的 build/webpack.prod.conf.js 

 

小love容儿0216
关注
专栏目录
批量删除项目代码注释 支持单行注释// 多行注释 块注释/* 支持前端后端 C# JAVA vue js html
qq_29096549的博客
07-13 1664
先预览一下成果吧~ 批量删除代码中的注释 支持多种文件后缀 （.java、.cs、.aspx、.html、.vue、.js、.css、.wxml、…） 支持多种注释类型（//、/**/、、///…） 实现原理: 循环项目目录下指定后缀的子文件 .cs .vue .js… 一行一行读取内容 检测到指定注释类型 // /* … 就剔除该行代码 最后重写入文件 附上实现代码（C#控制台）： using System; using System.Collections.Generic; using Sy
从入门到入土的Vue2+webpack
小王的技术库
08-26 1676
引子：目前社区比较知名的脚手架，有vue-cli、create-react-app,他们都解决了一站式的项目环境配置问题虽然。不过还有一些问题，它们没法解决，比如：1、vue-cli专注的vue项目的环境搭建和配置问题、那每个公司的业务类型不一样，有些公司是金融业务，有些公司是物流业务，如何把相关的东西集成进来？2、每一个公司在项目的沉淀中都是不一样的，比如组件的沉淀、监控埋点方案的沉淀、以及其他样式、目录、service等等一系列编码相关的沉淀，用什么样的方式，能够避免我们的重复劳动？...
Vue项目WebPack打包删除注释和console
qq_45585640的博客
08-18 5978
在本地开发环境中肯定都会去打印一些数据，但是你如果上传到正式环境呢这些肯定不能再有了，但是你也不能一行一行的去注释掉吧，这样很麻烦所以vue在配置的时候其实是有这个配置的但是需要你自己去配置文件里面修改一下，这样才能方便你的开发二可以达到偷懒的地步。下面就说一下这个配置其实就两行代码就可以了。...
【项目记录】vue项目打包去除console、注释等
xilejie的博客
06-15 844
【代码】【项目记录】vue项目打包去除console、注释等。
VUE项目使用WebPack打包删除注释和console、debugger插件集成
铁蛋的博客
11-16 4674
简介 使用的组件是【uglifyjs-webpack-plugin】。 第一步 在package.json中增加依赖。 "devDependencies": { "uglifyjs-webpack-plugin": "^1.3.0" } 增加依赖后，需要npm安装一下 cnpm install -all 第二步 在vue.config.js中增加代码。 （1）先引入插件。 const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); /
vue项目打包优化 去除console.log、注释、黄色警告
c22577250_的博客
11-27 2044
vue-cli配置参考里有一个productionSourceMap将其设为。将plugins放在configureWebpack下。在vue.config.js里判断是否是生产环境。去除console.log、注释、黄色警告。，在打包时不会创建.map的文件。
webpack4+vue2手动搭建前端开发框架
weixin_40594127的博客
05-31 508
1.前言 之前开发一直是在公司搭好的框架里面，或者是vue@cli脚手架的开箱即用，项目在遇到问题后排查也会花大量时间，所以索性自己研究手动搭建一个，也熟悉一下里面的原理。 搭建这个是在windows环境下，mac大同小异，实现的基本功能有： 支持热更新 支持vue全家桶+scss开发 编译后文件命名规则 js/[name]-[hash:8].js css/[name]-[hash:8].css 支持生产环境的图片压缩 支持打包后的压缩JS代码 支持dist文件自动压缩 2.安装node
vue-cli4+vant+rem+sass+vuex+axios封装+webpack搭建移动端项目
最新发布
2401_84152825的博客
05-06 738
现在我们来说说怎么重写vant-ui样式。由于vant-ui的样式我们是在全局引入的，所以你想在某个页面里面覆盖它的样式就不能加scoped，但你又想只覆盖这个页面的vant样式，你就可在它的父级加一个class，用命名空间来解决问题。/* 你的命名空间 *//* vant-ui 元素*/自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
vue webpack 自动打开页面_vue整合webpack
weixin_42306002的博客
01-14 295
创建项目目录切换到项目目录运行命令 npm init -y 初始化项目npm init -y在跟目录创建 src 目录，在 src 目录创建 index.html 文件和 main.js 文件安装 webpack 所需依赖// 在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开cnpm i webpack -Dcnpm i webpack...
vue-cli3项目配置webpack自动删除生产环境的console.log调试信息
weixin_39547000的博客
09-29 459
我们都知道，项目在编译打包上生产环境的时候是不能有console.log()信息打印输出的，但是我们在开发环境有时候调试代码又需要打印输出一些信息，我们也不可能在编译上线的时候把代码里面的console.log()一个一个的全部删除掉，这个时候就需要我们在配置文件里面配置一下，生产环境编译的时候自动去掉console.log()。 vue-cli2的时候是在build文件下面的webpack.prod.conf.js中配置的，vue-cli3文件结构有所不同，是在项目目录下的vue.config.js文件里
代码整理小工具（清理注释，申请软著必备）
11-05
代码整理小工具，快速清除代码中注释，申请软著必备小工具。内附使用说明。 1.进入bin\Release,双击SourceConvert.exe打开软件；2.在“源码所在目录”文本框中粘贴代码所在目录,可以是父文件夹，会扫描子文件夹；3.源码扩展名中输入源码文件扩展名，以英文分号分割；4.设置行数,默认8000行；5.点击处理源代码；6.复制生成的代码即可。
vue-cli 代码打包： 压缩+混淆+去注释
热门推荐
yanhappiness
01-21 1万+
打包后的代码段：app.js 找到文件夹 build/webpack.pro.conf.js 在UglifyJsPlugin 插件中39行加入两行代码 drop_console: true, pure_funcs: [‘console.log’] new UglifyJsPlugin({ uglifyOptions: { compress: { ...
VUE打包去掉console和注释
u012685692的博客
03-20 344
VUE打包去掉console和注释
vue-cli3打包压缩、混淆、去注释
天书笔记
08-19 6950
使用vue-cli编写的插件或库文件，打包的时候如果需要压缩，可以使用 uglifyjs-webpack-plugin 或者 terser-webpack-plugin，前者不支持es6，打包时可能会报Unexpected token的错误，后者是前者对es6的支持版本。
Webpack打包vue项目（优化--无注释），开发环境，生产环境
qq_52434393的博客
07-16 377
【代码】Webpack打包vue项目（优化--无注释），开发环境，生产环境。
超好用的 Visual Studio 批量删除代码注释扩展组件 Comment Remover
syzcyyx的博客
12-22 755
使用 VisualStudio 的扩展组件：Comment Remover 完成代码注释清理工作。
VUE 构建清除注释、依赖包版本号
SillyBoy的博客
11-10 2915
问题 vue项目构建生成的js文件包含一些注释，里面含使用的依赖包及版本信息，可能会对网站造成危害，那么如何清除掉这些注释呢？ 解决方法 首先查看项目里webpack的版本号 npm list webpack 根据webpack版本号更新 “html-webpack-plugin”版本到4或者5， Webpack 5 npm i --save-dev html-webpack-plugin Webpack 4 npm i --save-dev html-webpack-plugin@4
【Vue+Element+SpringBoot+MybatisPlus】 使用心得。单个页面的增删改查，批量删除，分页查询
qq_60969145的博客
10-13 1978
新建vue手脚架项目参考我上一个笔记： 【Vue】cli安装，创建脚手架项目，vue项目目录介绍，路由配置本篇首先分析前端代码的增删改查…然后再逐一分析后端代码，分析每个操作时可能会把其他的代码附带一点。不过不要紧最后我会把所有代码整体粘上创建好Vue项目并新建一个Userinfo.vue页面，我们对这个页面进行操作，废话少说，接下来做查询所有vue页面： 在data中添加上面用到的值，通过查询方法给他赋值 methods中添加查询所有的方法： 在created钩子函数中调用getAll方法 三、添加操作
vue项目优化之terser-webpack-plugin删除代码注释、打印敏感信息
weixin_64310738的博客
02-16 878
vue项目优化之terser-webpack-plugin删除代码注释、打印敏感信息
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值