vue.config.js 第39页

vue-cli中使用svgIcon

一、安装依赖包npmi-Dsvg-sprite-loader二、配置vue.config.js文件在chainWebpack中增加下列配置chainWebpack(config){config.module.rule

YoLinDeng·2020-08-16 05:54

Vue前台请求后台数据采坑日志，包含传递json数据

由于.netwebapi与Vue服务器不在同一机器上ip端口都不一样，需要配置跨域，但总说找不到.devServer解决过程异常艰辛，原因诡异，解决办法如下需要将xxxx.config.js修改名称为vue.config.js

orangeliqiang·2020-08-15 23:50

vue-cli3跨域处理，解决500错误以及Proxy error

4修得正果5总结1上代码（使用的是vue-cli3脚手架）1）目录2）vue.config.js这里只要看devServer这一项就ok//vue.config.jsconstpath=require(

bailizx·2020-08-15 22:56

vuecli3使用cdn减少打包体积

以使用v-charts为例在vue.config.js中添加configureWebpack:{//把webpack的配置写在这里会自动合并//以下库使用cdn，不会被打包externals:{"v-charts

Vincentzyc·2020-08-15 20:19

vue cli3 多页应用

、如图index目录下的文件是vuecli3项目初始化后的基础文件，我们只是将其移动到了index文件夹下，subpageone和subpagetwo的结构与index目录的结构一般无二，真正的核心是vue.config.js

zeroyulong·2020-08-15 20:31

vue-cli3 之vue.config.js配置

1、cdn、全局cdn（所有的js、css都使用cdn）2、Gzip压缩（压缩js、css）3、去掉注释、去掉console.log4、压缩图片5、本地代理6、环境变量和模式基本配置constpath=require('path')functionresolve(dir){returnpath.join(__dirname,'./',dir)}module.exports={publicPath:

高先生的猫·2020-08-15 20:58

vue-cli4 解决向后端请求出现跨域问题（跨域代理）

有2种常用的解决方案：后端设置允许跨域访问前端通过代理进行访问后端这里用的是前端代理方法：vue-ciI4是没有build文件夹跟config文件夹，vue-cli4所有的配置都在Vue.config.js

闫三岁·2020-08-15 20:15

vue多页面应用

本文是针对vue.config.js里的pages属性配置。详情见官网https://cli.vuejs.org/zh/config/#pages。

xiaoxiao无脸男·2020-08-15 20:28

vue-cli-v4.x开发配置

安装vuecreatepro-name=>cdpro-name=>npminstall按住空格键选择或者取消选择，回车确认配置vueui使用首要任务就是先排坑根目录下新建一个配置文件vue.config.js

snakeZix·2020-08-15 20:14

vue-cli3打包项目使用CDN的方式引入框架文件

1.在vue.config.js中使用chainWebpack添加externals配置module.exports={chainWebpack:config=>{if(process.env.NODE_ENV

ydongabc·2020-08-15 20:57

浅入webpack4 高效简单的配置

前言在vue-cli3中已经将webpack等详细配置（config）去除，我们配置webpack只能在vue.config.js里进行配置，这里我个人总结了一套webpack的优化方案模板并且附有我个人的讲解

饼饼饼干_·2020-08-15 20:42

解决！！前端项目打包后生成的chunk-vendors文件过大，导致加载太慢

第一步：先下载这个插件npminstall--save-devcompression-webpack-plugin第二步：修改vue.config.js配置文件，如果没有vue.config.js，在根目录自己创建一个

难得糊涂。·2020-08-15 20:05

通过cdn和vue.config.js配置来优化vue-cli3.0打包体积

1.再vue.config.js中设置module.exports={chainWebpack:config=>{//发布模式config.when(process.env.NODE_ENV==='production

高级前端工程师Vue方向·2020-08-15 20:05

vuecli4配置vue.config.js

constCopyWebpackPlugin=require('copy-webpack-plugin');constHtmlWebpackPlugin=require('html-webpack-plugin')constpath=require('path');console.log(1111111111111,process.env.NODE_ENV)module.exports={publ

HyFc·2020-08-15 20:41

终于搞懂了 VUE 的代理和 NGINX 的代理区别了！

vue代理配置如下：在vue.config.js中配置proxy:{'/api':{target:'http://localhost:8080',changeOrigin:true,pathRewrite

sunzq55·2020-08-15 20:08

优化Vue项目,减小打包体积

我们在打包Vue项目时经常会遇到打包出来的项目特别大，放在服务器上加载首页特别慢，如图：下面我来介绍几种我常用的减少项目大小的方式：一.去除.map.js文件在vue.config.js配置文件中module.exports

is宾·2020-08-15 20:59

vue-cli创建的项目，vue.config.js按配置生成favicon

最近开发一个项目基于vue-element-admin进行开发的，它是vue-cli构建生成的项目，项目配置在vue.config.js文件里根据需求favicon根据不同项目显示不同的icon，favicon

weixin_39788999·2020-08-15 20:59

前端跨域处理的两种方式proxyTable和nginx

1.proxyTablevue3.0配置proxyTable,需要在新建的vue.config.js文件里面配置devServer:{host:'localhost',port:80

碎碎念先生·2020-08-15 20:55

vue-cli3项目中使用CDN

1、html中引入echartshtml中添加script标签如下：2、在webpack中配置使用echartsCDN在vue.config.js中配置如下：module.exports={configureWebpack

weixin_34390996·2020-08-15 20:16

vue cli3.0 修改配置文件

问题：资源找不到新版的vue-cli构建出来的项目目录没有build和config文件夹，需要改输入路径的地址，需要在项目的根目录添加一个Vue.config.js。

weixin_34235457·2020-08-15 20:09

vue cli3.0 build 打包的 js 文件添加版本号解决 js 缓存问题

在vue.config.js的文件中加入下面这段话//vue.config.jsconstTimestamp=newDate().getTime();module.exports={configureWebpack

weixin_30869099·2020-08-15 19:11

vue-cli 3.x 配置多环境

把webpack配置放到vue.config.js里面。如果根目录下没有该文件，新建。

weixin_30508309·2020-08-15 19:54

针对vue的配置文件

针对vue的配置文件我们在根目录下创建一个vue.config.js文件，将下方配置下去module.exports={/**区分打包环境与开发环境*process.env.NODE_ENV==='production

三台禁地·2020-08-15 19:38

vue-cli 3.0打包添加版本号

修改vue.config.js，在module.exports中添加//添加时间戳constTimestamp=newDate().getTime();module.exports={configureWebpack

青枫孤客·2020-08-15 19:26

nginx部署多个vue项目分vue-cli2.x和3.x

1.vue-cli3.x在根目录下找到"vue.config.js"更改publicPath:'/portal/'的portal为你自己的项目名，记得前后的"/"2.vue-cli2.x找到config

懵懂学子·2020-08-15 19:16

VUE-cli 3.x以上版本多环境配置和打包方式

声明：在vue-cli3.x创建的项目中，已经舍弃了build和config两个配置文件夹首先：在根目录下新建vue.config.js文件然后进行配置module.exports={//公共路径publicPath

浪迹的小白·2020-08-15 19:44

nginx-一个server代理多个vue项目

vue配置配置vue.config.js的outputDir和publicPathmodule.exports={outputDir:'quilt',//打包目录，后面会上传到服务器publicPath

亮博士·2020-08-15 19:28

vue.config.js相关配置

使用vue/cli3以上版本的脚手架创建vue项目时，是没有vue.config.js这个文件的，需要手动在项目根目录新建这个文件，或者使用package.json中的vue字段（JSON格式）。

大把小米·2020-08-15 19:28

Vue3多页面搭建以及两种按页面打包的方式

先来看一下项目结构，新建pages文件夹，该目录下多页面又分别按名称建立相应的文件夹，vue文件其实就是组件而js文件就是入口，相当于单页面搭建好时的main.js文件，vue3还需要在根目录下新建一个vue.config.js

o 0·2020-08-15 19:50

vue2@vue-cli@3的vue.config.js配置环境变量和配置jquery

这个文件配置项是我结合了多个大神的设置和官方文档想出来的即配置了jquery也配置了区分生产环境和开发环境的变量，但是变量还没有试过，项目就被别人接手了，在最后一周里我新开发了另一个模块，周六项目一上线就被通知over了，其实有点冤，但怎么说呢，缘分尽了吧…这两天正好可以进来整理整理写写东西…constwebpack=require('webpack');module.exports={//cli

智慧的狗狗·2020-08-15 19:18

vue-cli 4.0 中打包后，页面空白，路径错误。打包报错：baseUrl is not allowed

如下图：解决办法：在项目中添加vue.config.js文件，内容如下：第一次尝试：1module.exports={2baseUrl:process.env.NODE_ENV==='production

盏茶作酒·2020-08-15 19:32

vue-cli3.0配置

vue.config.js配置'usestrict'constpath=require('path')constdefaultSettings=require('.

一路从容·2020-08-15 19:32

vue-cli3.0脚手架搭建、解决跨域、打包、优化、项目压缩一条龙

vue-cli3.0脚手架搭建、解决跨域、打包、优化、项目压缩1、升级电脑上vue-cli到3.0以上版本2、之后开始创建项目项目目录是这样的这里还要手动加上四个文件3、添加必要得依赖这里用到的依赖有4、vue.config.js

爬坑之路·2020-08-15 19:26

vue-cli3.0实现打包gzip压缩和一些东西

一.查看自己的打包详情，那个文件过大1.npm安装要用的插件npminstall--save-devwebpack-bundle-analyzer2.在vue.config.js文件中引入插件constBundleAnalyzerPlugin

负者歌于途，·2020-08-15 19:46

手把手教你深入Vue3.0(Vue-cli4)项目打包性能优化实践

1.关闭productionSourceMap首先，由于最新版的脚手架不自带配置文件了，先在根目录新建vue.config.js文件，关闭productionSourceMap，在vue.config.js

qq_36824777·2020-08-15 19:45

vuecli4打包文件

最主要的就是vue4之中默认没有vue.config.js，所以需要自己来创建配置。vue.config.js就是打包的一些配置。

Ennio_·2020-08-15 19:09

vue-cli3.x + vux 环境配置

根据官方文档，根目录下新建vue.config.js，可修改相关webpack配置npminstallvux--savenpminstallvux-loader--save-dev安装成功后//vue.config.js

async_lee·2020-08-15 19:30

vue3项目打包后页面空白（vue3.11版本）

首先，如果想要打包后，直接打开index.html页面查看效果，就只需要修改vue.config.js文件，找不到这个文件怎么办呢？

没有梦想的话大概就是一条咸鱼了吧·2020-08-15 19:40

vueCli，vue.config.js配置plugins（HashedModuleIdsPlugin或者NamedChunksPlugin）打包生产不生效的解决方案

vueCli，vue.config.js配置plugins（HashedModuleIdsPlugin或者NamedChunksPlugin）打包生产不生效的解决方案原因分析由于vueCli使用了默认的一些

苦中作乐才是人生巅峰·2020-08-15 19:19

vue cli4-环境变量和模式

具体的值取决于应用运行的模式BASE_URL-会和vue.config.js中的publicPath选项相符，即你的应

大白能·2020-08-15 19:19

nginx中部署多vue项目(亲自踩坑)

注：博主用的是vue-cli3搭建的vue项目，在nginx中用一个端口配置不同的url，分别通过127.0.0.1/comfessionWall和127.0.0.1/office访问修改vue.config.js

WF帆少·2020-08-15 19:31

Vue-cli4打包 npm run build 路径错误解决办法

在项目根目录下，和package.json同级的目录下，创建一个vue.config.js文件publicPath:'.

okboy519·2020-08-15 19:09

Vue多环境代理配置方法思路详解

背景：多人协作模式下，修改代理比较麻烦，而且很容易某个开发人员会修改了vue.config.js文件后提交了。第一，很容易引起冲突。第二，很容易出现代理错误，需要排查。

lomo_2019·2020-08-15 18:15

在vuecli3怎么提升构建打包速度？

安装happypack版本："happypack":"^5.0.1"npminstallhappypack--save-dev配置在文件vue.config.js里进行配置//引入happypackconstHappypack

凯小默·2020-08-15 18:14

vue项目小积累

vue项目的配置//vue.config.js//在线配置文档：https://cli.vuejs.org/zh/config/#parallel module.exports={ //选项...

jdk137·2020-08-15 18:34

vue.config.js分测试正式打包(分模块打包配置)配置

vue-cli3.0打包配置准备工作package.json里打包命令:"build-test":"vue-cli-servicebuild--modetest","build-prod":"vue-cli-servicebuild--modeprod",项目下新建.env.prod和.env.test文件:NODE_ENV='production'//配置参数VUE_APP_BASE_URL='

iyangijava·2020-08-15 18:33

vue cli 3项目打包到指定目录

这样正常的流程，但是需求是多样的，有时我们就会遇到需要把项目部署到服务器下某个文件夹下，例如http://testpms.timi5.cn/demo/index.html这时我们就需要以下操作：1：修改vue.config.js

css_666·2020-08-15 18:21

vue-cli3 配合 webpak DefinePlugin 构建期间自动检测环境变化，根据NODE_ENV引入配置文件

在使用vue-cli3搭建的项目中,如何在vue.config.js中，使用使用DefinePlugin添加配置文件，构建期间自动检测环境变化，也就是如何根据NODE_ENV引入配置文件？.

无名前端小白·2020-08-15 18:06

vue-cli3 vue.config.js常用配置

不求甚解bc·2020-08-15 18:34

vue3.0 配置公共请求地址

正常请求接口：returnrequest({url:'http://192.168.1.0/User/cancelUpgrade',method:'get',params:data})vue.config.js

andingran3462·2020-08-15 18:48

推荐频道

vue.config.js