
vue.config.js
web_blog
IT程序员一名
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue项目发布时去除console语句
在vue.config.js中添加下面的代码即可// vue-cli version > 3modeule.exports = { configureWebpack: config => { if (process.env.NODE_ENV === "production") { config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true原创 2021-08-12 18:54:19 · 232 阅读 · 0 评论 -
vue-cli 4.x 配置 htmlWebpackPlugin.options.title
在 vue.config.js 中添加配置:// 修改或新增html-webpack-plugin的值,在index.html里面能读取htmlWebpackPlugin.options.title chainWebpack: config =>{ config.plugin('html').tap(args => { args[0].title = '你想要设置的title'; return args;原创 2021-01-07 15:09:01 · 2225 阅读 · 0 评论 -
Vue.js CLI4 Vue.config.js标准配置 (最全注释)
前言:Vue.js CLI工具 不知不觉发展到了4.0时代,CLI给人最直白的感受是没有了build文件夹跟config文件夹,所有的配置都在Vue.config.js完成。那么该文件的配置至关重要。现在我们来看一下最新配置是怎么配置的。有三种方式,推荐第二种标准版(无需安装依赖,直接复制即可配置)。1、依赖库npm install vue-cli-configjs2、标准版// vue.config.jsconst path = require('path');const IS_PR原创 2020-08-04 16:08:18 · 1869 阅读 · 0 评论 -
vue-cli3.0之vue.config.js的配置项(注解)
module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: 'dist', // build时放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir原创 2020-08-04 15:40:43 · 472 阅读 · 0 评论 -
VUE3 项目自定义修改网页标题和图标
VUE3中,网页图标默认使用的是VUE自带的一个ico的图标,也是VUE的logo。那么作为我们自己开发的项目,如何自定义修改网页的图标和标题呢?很简单,下面就介绍一下。1 标题修改标题修改直接在项目的 /public/index.html中修改title标签即可。 <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <原创 2020-09-04 17:45:29 · 2797 阅读 · 1 评论 -
Vue CLI3 开启gzip压缩
gizp压缩是一种http请求优化方式,通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩,可以减小60%以上的体积。webpack在打包时可以借助 compression webpack plugin 实现gzip压缩,首先需要安装该插件:npm i -D compression-webpack-plugin在vue cli3.0 生成的项目里,可在 vue.config.js 中按照如下方式进行配置:压缩前后大小大致如下:一般浏览器都已支持.gz的资原创 2020-08-27 17:29:43 · 566 阅读 · 0 评论 -
vue-cli proxy中跨域中pathRewrite配置理解
效果图:效果图:原创 2020-08-26 15:15:09 · 5552 阅读 · 0 评论