vue cli 3.0 文件压缩如何去掉console.log?

期望vue 打包之后,项目里面调试信息console.log 可以自动去掉。
我在vue.config.js 文件的配置项增加了这一部分

 configureWebpack:{
    optimization: {
      minimizer: [
        new UglifyJsPlugin({
          uglifyOptions: {
            compress: {
              warnings: false,
              drop_console: true,//console
              drop_debugger: false,
              pure_funcs: ['console.log']//移除console
            }
          }
      })
    ]
    }
  }
0

1个回答

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue项目打包去掉console,webpack 打包去掉console
1、去掉console 在 webpack.prod.conf.js(生产环境配置文件),文件内搜索"UglifyJsPlugin",找到如下UglifyJsPlugin的配置,修改为如下,更多内容查看webpack官方文档 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, ...
vue-cli项目 配置webpack 自动删除生产环境的console调试信息
new webpack.optimize.UglifyJsPlugin({ //自动删除console.log compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true }),  ...
vue-cli 去掉严格模式
vue-cli 去掉严格模式:在根目录中找到 .eslintignore 文件,添加 严格模式需要监听的目录 src/*
这个项目是基于vue-cli3.0来构建,并且根据需求做了打包多页面应用;能实时的编译打包;
这个项目是基于vue-cli3.0来构建,并且根据需求做了打包多页面应用;能实时的编译打包,对于路由做了修改处理,可以完美的跑在前后台不分离的项目中;并且对于配置文件做详细的注释
vue-cli3.0技术栈笔记
前端开发一起交流QQ群:740034288。 0. 基于vue ui创建vue cli3.0项目:参考:https://blog.csdn.net/qq_42231156/article/details/82343793。 1.项目文件vueCli3.0下: pulic文件下:favicon.ico是网址上方标题的的小图标。 index.html:是入口文件。 s...
vue3.0 去掉#解决步骤
问题描述:微信分享 会自动去掉#后面的参数,所以你分享的话都是去首页。 需求:微信分享需要去的不是首页,而是内部的详情页。 解决步骤: 1. 修改 mode为history,默认的是hash模式,这样子就会去掉了# 2.修改服务器的配置,代码如下: location / { try_files $uri $uri/ /index.html; } locatio...
vue webpack打包时如何去掉console.log?
在 webpack.prod.conf.js 中添加 代码: plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }), ...
vuecli打包后去掉打印和警告
1、只需要在build文件夹下的webpack.prod.comf.js里面的第39行左右加两句代码即可 drop_console: true, pure_funcs: ['console.log']
vue cli2 和 cli3去掉eslint 检查器的报错
cli2去掉eslint 检查器的报错 eslint在编写过程中及其严格,甚至单引号和双引号或者空格注释都会引起报错,导致项目无法正常运行 因此,只需要在build文件夹下,找到webpack.base.conf.js文件 将下面一行代码注释掉,即可正常编译了   cli3去掉eslint 检查器的报错 ...
(vue2.0 案例3.0) 在vue-cli 项目中 需要知道常见的配置 防止入坑
一、配置打包后的文件路径  进入config>index.js把assetsPublicPath:'/'改成'./'; build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '..
vue cli 3.0 使用方法
几个链接: vue-cli3.0初体验~ https://segmentfault.com/a/1190000014123259 10分钟上手最新vue脚手架 https://segmentfault.com/a/1190000014094732
vue去掉严格开发,即去掉vue-cli安装时的eslint或者修改配置
vue去掉严格开发,即去掉vue-cli安装时的eslint 1.vue-cli书写规范(主要是js规范) a、逗号、冒号后面要加空格 b、不能使用双引号,一律使用单引号 webpack的语法检查eslint,即安装项目时我选择了安装eslint(http://blog.csdn.net/a419419/article/details/77938751) 2.那么只需要删掉 bu
vue-cli脚手架构建了项目如何去除Eslint验证(语法格式验证)

 1.创建工程的时候,提示是否启用eslint检测的。 Use ESLint to lint your code? No 2.在webpack.base.conf.js里面删掉下面: { test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resol...
vue cli 3.0创建项目
官方文档: Vue CLI http://www.jnshu.com/login/1/17884272 首先需要安装node.js和npm最新版,查看版本 安装更新(-g指全局安装) : npm install -g node npm install -g npm 因为某些不存在的原因,也可以选择安装淘宝镜像,用淘宝镜像安装,安装淘宝镜像命令: npm install -g ...
vue-cli 3中禁用eslint的方法
手贱,升级vue-cli到3. 然后排错排了一下午,总体上来说升级3优点大于缺点 这里说下cli3中如何禁用 写代码时的唐僧--eslint 使用配置文件来选择禁用范围 创建文件.eslintignore 加入如下内容 **/*.js **/*.vue 禁用下一行 // eslint-disable-next-line to ignore the...
vue-cli3.0 使用初探
前言 vue脚手架的3.x版本已经在开发中,现在还处于alpha版本。以下是上手记录。 开始 1、环境安装 npm install -g @vue/cli 2、创建命令 vue create <project-name> 3、配置环境变量 VUE_APP_API_ROOT = 'https://XXX' VUE_APP_CURRENTMODE =
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别
vue-cli 3.0 正式版于 8月10号发布,但是3.0 与 2.0 版本在搭建项目时到底有何不同呢?下面做一下简单的介绍,希望可以帮到有需要的朋友 1、 全局安装vu-cli 3.0  npm install -g @vue/cli  (如果之前安装了2.0版本,先卸载 npm uninstall -g vue-cli ) ; 安装完 3.0 后,有以下两种创建项目的方式: a 、 指令...
vue/cli 3.0脚手架搭建
在vue 2.9.6中,搭建vue-cli脚手架的流程是这样的: 首先 全局安装vue-cli,在cmd中输入命令: npm install --global vue-cli 安装成功: 安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。 然后就可以构建项目了,依次输入命令: vue init webpack “名称...
vue cli 3.0快速创建项目
本地安装vue-cli 前置条件 更新npm到最新版本 命令行运行: npm install -g npm npm就自动为我们更新到最新版本 淘宝npm镜像使用方法 npm config set registry https://registry.npm.taobao.org cnpm config set registry https:/...
10分钟上手vue-cli 3.0 入门介绍
00、前言 当你还在摸索vue-cli 2.x版本的配置的时候,vue-cli 3.x版本已经出来了,是不是有种快要掉队的感觉,是不是有种快要成为里的“矮矬穷”的感觉。。 “什么,不想成为矮矬穷?”,那我们就一起来先入个门吧。后面讲介绍一下2.x与3.x的一些区别,入门级别的。   01、vue cli 3 安装 Node版本要求 node最低要求8.9,或更高版本,推荐8.11.0+...
关于vue/cli 3.0 版本的一些问题
1 , 安装npm i -g @vue/cli ; 2 , 创建项目 vue create projectName ; 3 , 选择项目类型(按上下键位) 4 , 如果想要修改端口号以及webpack配置 需要你在根目录下面创建一个vue.config.js 关于vue.config.js的配置 <!-- axios代理 --> ...
vue-cli的使用(3.0与旧版本)
一、什么是vue-cli? 按我的理解就是: vue-cli是搭建vue项目的脚手架,需要结合webpack来使用,可以快速搭建vue的webpack环境。 (大概就这意思,百度百科也没查到哈哈哈,反正就是脚手架) 二、使用vue-cli 1、安装 由于vue-cli依赖于webpack,所以,安装vue-cli之前,先安装webpack。 你可以通过下面的命令查看webpack是否已安装 $ ...
vue-cli脚手架搭建的项目怎么去除eslint验证
eslint验证,为我们提升我们的代码质量和良好的编码风格带来了非常大的帮助,但是由于其语法验证的严格,很多程序员在初期使用的时候很不适应,就想怎么能够去掉eslint验证。其实把eslint验证去除的方法并不复杂,因为我们的脚手架是基于webpack的,那么一般的配置操作都会在webpack工具的配置文件中进行配置,那么我们就直接找webpack的配置文件就可以了。可能我们的很多刚开始接触vue...
升级已有项目到vue-cli 3.0版本
之前有考虑过通过将现有项目进行修改,安装@vue/cli以及相关的包,发现行不通。其实,最简单的方法,就是使用vue-cli 3.0,创建一个新的项目,然后将原有的项目的源码拷到新的项目中即可。 使用vue-cli创建新的项目 删除新项目中src下的内容 将原有项目src中的源码拷贝到新项目的src中 将原有项目的index.html及favicon.ico拷贝到新项目的public中 ...
vue-cli脚手架3.0的使用
中文文档https://github.com/vuejs/vue-docs-zh-cn 在安装之前请装好nodeJs 1.使用 npm install -g @vue/cli # or yarn global add @vue/cli  查看版本(是否安装成功):vue -V(大写的V): 2.命令变化:    3.创建一个项目 新建文件夹,在该文件夹下打开命令窗口,输入以下命令...
vue-cli取消打包时生成css和js对应的map文件
现在交付的前端项目,文件都都是压缩混淆过的,压缩混淆代码,主要可以见效代码质量,压缩文件提交,再就是可以增加代码的安全性.因为尤其是近几年来,前端在项目中的权重越来越高,越来越多的逻辑代码都会写到前端部分,然后前端代码又必须借助于浏览器这个载体,才能将它的作用发挥出来,那么前端的代码安全也就越来越重要了,那么混淆压缩代码,就可以在一定程度上增加代码的安全性. 我们在使用Vue的时候,打包后发现c...
vue-cli 3.0安装和使用
零. 前言     公司最近开发项目使用的是vue-cli 3.0版本开发,但是对于vue-cli 3.0版本一直没有研究过如何使用,公司使用配置:pug + ts + stylus + eslint;编辑器使用:vscode,使用起来简直不要太爽。 默认你已经安装了nodejs 一.安装vue-cli 3.0 1.安装: npm install -g @v...
Vue-cli 3.0 构建项目(二)设置接口代理
vue.config.js vue.config.js是一个可选的配置文件,新建该文件,存放在项目根目录(将自动加载)中 // 作为配置文件,直接导出配置对象即可 module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8...
vue-cli 3.0 安装和创建项目教程
使用前我们先了解下3.0较2.0有哪些区别 3.0 新加入了 TypeScript 以及 PWA 的支持 部分命令发生了变化: 下载安装  npm install -g vue@cli 删除了vue list 创建项目   vue create 启动项目   npm run serve 默认项目目录结构也发生了变化: 移除了配置文件目录,config 和 build 文件...
vue-cli 3.0使用指南
安装环境 npm install -g @vue/cli 创建项目 1、vue create demo 2、选择手动选择功能    Manually select features 3、配置项目  我个人除了 test外的话,都安装了,注意的是,是否选中是空格键(space) 除了PWA的话,应该其他都比较熟悉,至于什么是PWA,简单的说,就是提升APP性能的一种途径,兼具w...
vue-cli 3.0脚手架配置及扩展 (一):扩展说明
使用vue-cli2.0版本的vue脚手架一年多了,对脚手架扩展了一些功能,出于工作因素,无法直接分享。近期会利用下班时间对vue-cli 3.0版本的脚手架进行改造,扩展功能点较之前全部会进行重写,且进行再次优化。扩展功能点代码分步骤放出,因为本系列文章不定期更新,但每次放出系完整子功能点。先分享3个功能点吧扩展点改造vue项目为多页(多模块)、多应用,通用权限及底层前端服务改造npm run ...
vue-cli3.0配置别名并引用
搭建vue- cli3.0脚手架后,在项目根目录下,也就是与package.json文件同级目录新建vue.config.js文件,在该文件中配置 const path = require('path'); function resolve(dir) { return path.join(__dirname,dir); } module.exports = { chainWebp...
vue cli3.0 在html中集成本地的第三方插件
首先在3.0之后的版本中,没有了static这个静态文件,而多了一个public文件夹,其中html就在此文件中。 废话不说了,直接进入正题,在public文件夹中新建static文件夹,然后放置你的第三方文件,然后在html文件中的head中放置你需要的第三方插件 具体路径如下 src="<%= BASE_URL %>./static/*.js" 如果需要引入css 原理一样...
vue-cli 3.0版本学习
github地址 docs文件夹 文档地址  安装vue-cli 3.0 方式  npm install -g @vue/cli vue-cli 3.0创建工程的方式和2.0不一样 create 代表可以创建一个新的项目 vue create vue3-demo add 在已创建的项目中添加新的插件 invoke 在已创建的项目调用插件 inspect 检查webpack的配...
vue-cli3.0 给每个.vue文件的css stylus设置全局变量
在vue项目中使用如sass、less、stylus时需要进行公共变量、方法的集中维护 vue-cli3.0构建的服务使用如下方法可直接在每个css中引入公共变量、方法 // vue.config.js 文件 module.exports = { css: { loaderOptions: { // 给 stylus-loader 传递选项 stylus:...
iView基础学习(1)-Vue-Cli3.0创建项目
Vue-Cli3.0创建项目 一、基础知识 (1)使用Vue UI创建、管理项目 (2)项目结构目录整理 (3)初始文件添加 (4)基本配置讲解 (5)跨域配置 二、使用Vue UI创建、管理项目 1、首先安装vue-cli3.0 2、终端运行vue ui Vue UI界面介绍 Projects:表示vue项目 Create:表示创建vue项目 Import:表示...
vue-cli代码缩进报错
打开项目根目录下的build文件夹并且打开该文件夹下的webpack.base.conf.js文件,然后去除ESlint在文件中的配置代码就可以了。注释掉这段代码{ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test'
vue-cli 代码打包: 压缩+混淆+去注释
打包后的代码段:app.js 找到文件夹 build/webpack.pro.conf.js 在UglifyJsPlugin 插件中39行加入两行代码 drop_console: true, pure_funcs: [‘console.log’] new UglifyJsPlugin({ uglifyOptions: { compress: { ...
vuecli3.0热更新失效问题解决
webpack的热更新可以说极大地提高了前端的开发效率,以下就是本人遇到的针对vuecli热更新失效的解决方法:1、检查控制台,编译的时候是否有警告,警告很可能导致热更新的失效2、vueCli3.0及以上的版本,注意不要用cnpm安装依赖包,要用npm...
Vue CLI 3.0踩坑记录
vue cli 3.0和之前的脚手架不太一样,记录下新特性及踩坑记录。以下均在MacOS环境下进行。 官网:https://cli.vuejs.org/zh/guide/installation.html 安装 vue-cli包名称由vue-cli改成了@vue/cli,如果全局安装过旧版本的vue-cli,先卸载。遇到permissions denied等权限问题,命令前加sudo。 ...