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

最新推荐文章于 2024-05-27 10:02:49 发布
最新推荐文章于 2024-05-27 10:02:49 发布
阅读量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
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
批量删除项目代码注释 支持单行注释// 多行注释 块注释/* 支持前端后端 C# JAVA vue js html
qq_29096549的博客
07-13 1604
先预览一下成果吧~ 批量删除代码中的注释 支持多种文件后缀 （.java、.cs、.aspx、.html、.vue、.js、.css、.wxml、…） 支持多种注释类型（//、/**/、、///…） 实现原理: 循环项目目录下指定后缀的子文件 .cs .vue .js… 一行一行读取内容 检测到指定注释类型 // /* … 就剔除该行代码 最后重写入文件 附上实现代码（C#控制台）： using System; using System.Collections.Generic; using Sy
vue2+webpack搭建h5框架
03-12
8. **测试和优化**：设置单元测试（Jest、Mocha等）和端到端测试，使用Webpack的生产模式进行代码压缩和优化。 9. **部署**：最后，通过Webpack的生产配置打包项目，部署到服务器。 通过Vue2和Webpack的结合，我们...
Vue项目WebPack打包删除注释和console
qq_45585640的博客
08-18 5533
在本地开发环境中肯定都会去打印一些数据，但是你如果上传到正式环境呢这些肯定不能再有了，但是你也不能一行一行的去注释掉吧，这样很麻烦所以vue在配置的时候其实是有这个配置的但是需要你自己去配置文件里面修改一下，这样才能方便你的开发二可以达到偷懒的地步。下面就说一下这个配置其实就两行代码就可以了。...
webpack打包去除代码中的console.log()
小陈的收藏
05-27 967
默认情况下，Babel 只会处理你的源代码文件，而不会处理 node_modules 目录中的依赖包。这意味着使用 babel-plugin-transform-remove-console 只能移除你自己代码中的 console.log，不能移除依赖包中的 console.log。
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.log、注释、黄色警告
c22577250_的博客
11-27 1955
vue-cli配置参考里有一个productionSourceMap将其设为。将plugins放在configureWebpack下。在vue.config.js里判断是否是生产环境。去除console.log、注释、黄色警告。，在打包时不会创建.map的文件。
【项目记录】vue项目打包去除console、注释等
xilejie的博客
06-15 794
【代码】【项目记录】vue项目打包去除console、注释等。
vue3+webpack+vue-router路由封装+axios封装+vuex封装
05-23
vue3+webpack+vue-router路由封装+axios封装+vuex封装，下载资源中包括了vue3+webpack+vue-router路由封装+axios封装+vuex封装的相关代码，分别对vue-router路由进行了封装，对axios进行了封装，对vuex进行了封装，...
详解vue+webpack+express中间件接口使用
10-18
主要介绍了详解vue+webpack+express中间件接口使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解vue+vueRouter+webpack的简单实例
08-30
主要介绍了详解vue+vueRouter+webpack的简单实例，非常具有实用价值，需要的朋友可以参考下
cesium-vue-webpack:Cesium+Vue+Webpack框架
05-06
Cesium+Vue+Webpack框架 此项目已废弃！ Cesium 1.63版本以后，不再使用AMD模式，而这个项目主要依赖AMD...npm run dev时，可以直接调试Cesium源码，此源码非编译后unminifiedXXX文件夹下的代码，而是真正的Source目
代码整理小工具（清理注释，申请软著必备）
11-05
代码整理小工具，快速清除代码中注释，申请软著必备小工具。内附使用说明。 1.进入bin\Release,双击SourceConvert.exe打开软件；2.在“源码所在目录”文本框中粘贴代码所在目录,可以是父文件夹，会扫描子文件夹；3.源码扩展名中输入源码文件扩展名，以英文分号分割；4.设置行数,默认8000行；5.点击处理源代码；6.复制生成的代码即可。
vue2 + webpack5相适配的 能成功打包的 package.json 文件
08-25
vue2 项目 + webpack 打包工具，是一个非常经典的组合，但是在配置的过程中会老是出问题，例如：webpack、webpack-cli、vue-loader、vue-template-compiler、css-loader的版本的设定就是一个匹配的大问题；...
Vue+Webpack+Vue路由器+vue资源.rar
05-15
本项目结合了Vue.js与Webpack，以及Vue Router，形成了一套完整的前端开发环境。 Webpack 是一个模块打包器，它能够将各种静态资源（如JavaScript、CSS、图片等）视为模块，并通过配置进行处理和打包。在Vue.js项目...
基于vue+webpack的天气预报网页+源代码+文档说明
最新发布
08-03
此项目基于是 vue + element-ui 构建的天气预报网页，通过axios来请求数据，所有的数据都是从服务器实时获取的真实数据，网页具有查看当天天气、未来24小时、未来7天的天气数据，以及可查看当天的生活指数，当天农历...
vue3+webpack+vue-router封装路由
05-21
vue3+webpack+vue-router封装路由，资源内容包含了vue3+webpack+vue-router，并且代码对vue-router路由进行了封装，资源下载下来之后项目代码需要先：npm install，之后就可以运行启动项目了，代码结构清晰，没有...
VUE项目使用WebPack打包删除注释和console、debugger插件集成
铁蛋的博客
11-16 4643
简介 使用的组件是【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"); /
Webpack打包vue项目（优化--无注释），开发环境，生产环境
qq_52434393的博客
07-16 340
【代码】Webpack打包vue项目（优化--无注释），开发环境，生产环境。
超好用的 Visual Studio 批量删除代码注释扩展组件 Comment Remover
syzcyyx的博客
12-22 653
使用 VisualStudio 的扩展组件：Comment Remover 完成代码注释清理工作。
vue + webpack 多页/单页 脚手架
09-30
Vue + Webpack多页/单页脚手架是一种用于构建Vue.js项目的工具。Vue.js是一个用于构建用户界面的JavaScript框架，而Webpack是一个模块打包工具。 多页/单页脚手架可以根据项目的需求选择构建方式。多页应用指的是每个页面都有自己的HTML文件，而单页应用则是只有一个HTML文件。在多页脚手架中，每个页面都有自己的入口文件和模板文件，Webpack会根据入口文件将各个页面的代码打包成独立的文件。这种方式适用于需要多个独立页面的项目。 而在单页脚手架中，只有一个HTML文件和一个入口文件。所有的页面内容都是通过Vue的路由机制来进行渲染和切换。这种方式适用于更复杂的单页应用，其中页面之间的切换是通过异步加载和前端路由来实现。 使用Vue + Webpack多页/单页脚手架的优点包括： 1. 灵活性：可以根据项目需求选择多页或单页应用方式。 2. 开发效率：脚手架提供了一套默认的配置，可以使开发者更快速地开始项目开发。 3. 模块化：使用Webpack打包模块，使得代码更易于管理和维护。 4. 热更新：脚手架支持热更新，可以在开发过程中实时看到修改的效果。 5. 生态系统：Vue.js和Webpack都有庞大的社区支持，可以方便地找到资料和解决问题。 总结起来，Vue + Webpack多页/单页脚手架是一种方便的工具，可以根据项目需求选择适合的构建方式，并提供了一系列的开发工具和优化配置，使开发更高效、更方便。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值