原文链接：Vue-Cli3.0打包时如何去掉console打印信息#前言
我们在进行项目开发过程中，一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢？以下是解决办法，也是自己一直使用的方法。#步骤
1.安装插件 babel-plugin-transform-remove-consolenpm install babel-plugin-tr
原创
2022-08-13 15:27:26
224阅读
1、安装babel-plugin-transform-remove-console插件 npm install babel-plugin-transform-remove-console --save-dev 2、在项目下面找到babel.config.js文件，没有就自己创建一个，把定义的prod ...
转载
2021-10-21 17:53:00
469阅读
2评论
添加icon参考文档1. 在项目根目录（index.html同级目录）下添加favicon.ico文件2. 在项目index.html中引入图标<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />复制代码3. 配置webpack配置文件(build文件夹下面)在 webpack.dev.conf.js
转载
2021-01-30 12:38:11
1037阅读
2评论
在项目根目录中执行如下命令： npm run build 注：Vue脚手架打包的项目必须在服务器上运行，不能直接双击运行； 在打包之后项目中出现 dist 目录，dist 目录就是 Vue脚手架项目的生产目录（直接部署目录）。 ...
转载
2021-10-02 13:21:00
485阅读
2评论
jenkins 打包 Vue报错，package.json ^ 和 ~ 的区别
原创
2022-02-14 09:58:20
694阅读
前文 Vue - Vue CLI(4): Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别 里面有提到：Vue CLI3、Vue CLI4新建的项目，根目录结构内 少了之前的 build、config、static文件夹，配置文件也少了几个，连 index.html 都没有了，但多了一个 public 文件夹。那么问题来了，既然没有了 build、config文件夹，那么项目
转载
2021-05-10 18:15:29
1442阅读
2评论
vue打包时配置不同的环境变量(vue-cli4)以配置测试环境test为例1、在package.json文件中配置script文件
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"build-testenv": "vue-cli-service buil
转载
2021-05-08 23:38:25
721阅读
2评论
目的： 提高打包速度 减小项目体积、提高首屏加载速度 提高用户体验（骨架屏） 1.使用CDN 加速优化 cdn优化是指把第三方库比如（vue，vue-router，axios）通过cdn的方式引入项目中，这样vendor.js会显著减少，并且大大提升项目的首页加载速度。 2.图片压缩 需要下载 im ...
转载
2021-07-19 18:27:00
1435阅读
2评论
安装完vue后搭建了一个项目，直接执行 npm run dev 是可以正常打开页面的： 但是执行 npm run build 打包项目后打开却报错了，如下： 原来是项目中的静态文件路径报错了。。。 然后就针对这个问题去查找解决方法： 第一步： 第二步： 找到下面文件，添加一行代码： 第三步： 重新执
原创
2018-06-28 15:48:00
1204阅读
转载
2020-04-22 14:08:00
132阅读
2评论
config文件夹内容修改一、index.js修改二、test.env.js新增build文件夹内容修改一、webpack.test.conf.js新增二、build-test.js新增package
原创
2022-01-13 17:30:40
636阅读
在这篇博文中，我将讨论“Vue CLI将vue文件打包为JavaScript文件”的过程，包括其协议背景、抓包方法、报文结构、交互过程、异常检测及扩展阅读等内容。这个过程涉及Vue CLI的基本操作以及与应用程序的交互，下面我将详细阐述。
### 协议背景
在前端开发中，Vue CLI是一个强大的工具，它可以将 Vue 单文件组件 (.vue 文件) 转换为浏览器可执行的 JavaScript
大家好，本文的主题是 Redis，我们将要在 CentOS 7 上安装它。编译源代码，安装二进制文件，创建、安装文件。在安装了它的组件之后，我们还会配置 redis ，就像配置操作系统参数一样，目标就是让 redis 运行的更加可靠和快速。Redis 服务器Redis 是一个开源的多平台数据存储软件，使用 ANSI C 编写，直接在内存使用数据集，这使得它得以实现非常高的效率。Redis 支持多种
转载
2023-12-24 21:26:10
42阅读
1.vue打包的问题 一次在两个电脑中给同一个项目打包，打出来dist文件的不一样打，一个15.7M ,一个3.7M，同样的代码，同样的命令，为什么打出来的包差别这么大。 查了一下代码，发现vue.config.js这个文件不同。在create vue的时候，这个文件没有被创建，需要自己手动添加，内 ...
转载
2021-07-27 16:01:00
1651阅读
2评论
前言当我们开发完项目后，需要将项目部署到服务器上。这时，我们就需要对项目进行打包了，生成纯HTML、CSS和JS文件了。一般的，我们进行项目打包时只需要在命令行运行 npm run build 就可以进行项目打包了。但是如果不进行一些配置的话。我们就会遇到运行打包好的 index.html 文件，页面是全部空白的情况。这时，我们只需要进行下列设置即可：第一种错误：这个错误是因为没有在webpack
转载
2023-11-07 01:35:00
864阅读
由于公司项目需要多环境，就研究了一下vue-cli3的多环境配置，这里和大家分享一下vue-cli3多环境配置方法首先我们先看看 vue-cli环境变量和模式，通过官网我们可以发现 vue-cli 提供了三个模式（test、development、production）而每种NODE_ENV下面可以配置多个环境变量我们可以通过.env文件增加后缀来设置某个模式下特有的环境变量我们可以通过传
原创
2022-02-25 13:39:32
868阅读
://.net/qq_37055675/article/details/85047451 通过不同命令行切换不同环境api等信息， 例如： npm run dev 调用本地环境api npm run test 调用测试环境api npm run build 调用线上环境a
转载
2020-06-28 09:32:00
180阅读
2评论
productionSourceMap: false, 去除map文件 assetsDir: 'static', 把静态文件统一放在static文件夹下 cnpm install uglifyjs-webpack-plugin --save-dev const UglifyJsPlugin = re
转载
2021-03-09 10:37:00
569阅读
2评论
在vue脚手架（vue-cli）下我很很快的就可以搭建自己的开发环境，但是我们把项目编写完后，需要进行打包上线会遇到各种问题，在根据版本问题，（vue3的版本跟之前相比少了很多配置项）,下面是我用老版本进行的一个测试（新版还在研究）很多时候我们在打包的时候会遇到各种的报错，我遇到的问题就是在项目打包不是的时候遇到404和extract-text-webpack-plugin报错，1、404，需要跟
1.在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下 上面文件改好后，开始打包，执行如下命令： 生成 dist 文件夹 2.打包步骤 步骤一： 将 dist 文件 放入 HB
转载
2017-04-18 03:07:00
256阅读
