vue.config.js 第22页

vue-cli4中使用less全局变量

vue配置less全局变量，在vue.config.js中添加如下配置：module.exports={css:{loaderOptions:{less:{globalVars:{hack:`true;

lujh1005·2023-04-07 08:32

vue3.0项目修改文件后，总是 92% chunk asset optimization TerserPlugin，卡住不动

经过排查，为vue.config.js文件中配置了minimize=true，在正常调试开发中，可以先注释掉，等需要打包时再打开

晚秋10·2023-04-06 21:53

Vue 中使用高德地图的API

首先需要注册一个高德地图的使用key高德地图API官网1.1登录账号之后进入控制台1.2新建项目这里我使用的是web端1.3之后就可以在Vue中的public/index.html中添加1.4之后再到vue.config.js

小火车况且况且·2023-04-06 21:33

vue-cli4升级到vue-cli5过程记录

1，前言本文主要分享vue-cli从4.x升级到5.x的过程，以及更新后vue.config.js的变化，因为vue-cli5已经使用上webpack5。

鹏多多·2023-04-06 16:28

Vue 本地环境 http改成https测试

之前我们在文章讲过，本地环境下vue.config.js就相当于线上的Nginx配置文件，在本地也可以配置。为什么在本地环境要配置https了，因为像摄像头SDK和等等东西都是在https环境中运行。

-風过无痕·2023-04-06 13:08

Vue项目本地开发集成引入https

会请求不到数据案例使用采用的vue-cli开发，所以需要针对这两种方式启动https问题处理1.首先是需要配置一个证书,使用mkcert进行配置证书2.在vue-cli中进行修改package.json、vue.config.js

咸蛋超人l·2023-04-06 13:07

【vue】vue项目设置配置使其能再Chrome浏览器中进行调试

vue项目设置配置使其能再Chrome浏览器中进行调试只需要在文件vue.config.js的configureWebpack对象中加一个元素devtool:'source-map'如下图：

loyd3·2023-04-06 13:40

Vue关闭线上源码移除console

关闭线上源码在Vue.config.js中添加如下代码module.exports={//关闭线上源码productionSourceMap:false,}移除后的效果image移除console安装插件

神奇的程序员·2023-04-06 12:24

关于vue-cli引用axios报错（no-unused-vars 'axios' is defined but never used）

两种解决方法1、新建vue.config.js然后添加module.exports={lintOnSave:false}2、找到.eslintrc.js文件，在rules里面添加上如下代码"no-unused-vars

海晏河清_富贵荣华·2023-04-05 20:28

vue-Cli3工具中，配置路径别名

使用vuecli3搭建vue项目，配置路径别名在vue.config.js配置（没有build目录，里边的webpack相关也没有了）配置路径别名，方便引用，不用写那么长配置前:1importBannerfrom

38ae78c953e7·2023-04-05 11:40

vite2 + Vue3中axios的封装，代理

process.env.NODE_ENV来判断当前环境、通过process.env.VUE_APP_，来获取.env、.env.development、.env.production配置文件中的变量（普通.vue文件和vue.config.js

会说法语的猪·2023-04-05 06:05

Vue打包优化

项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件一、配置proxy跨域使用vue-cli发开项目，在本地开发环境中，

啊政1234·2023-04-05 06:29

vue 打包优化，解决包大下载慢

具体看如下实现步骤1、安装compression-webpack-plugin插件npminstall--save-devcompression-webpack-plugin2、在vue.config.js

王威振的csdn·2023-04-05 06:53

vue优化预加载问题

vue.config.js修改chainWebpack:(config)=>{config.plugins.delete("prefetch");//主要代码}image.png测试上的包原理就是去掉了

AAA前端·2023-04-04 19:49

VUE打包的项目在本地运行

关键是不用在vue.config.js里面配置打包的路径。我自己用的挺好。就记录下来，以防丢失！我把我的打包好dist文件夹的文件结构也发一下dist是vue打包

简_洋·2023-04-04 16:13

【VUE】关于vue.config.js的小知识（一）

三横兰·2023-04-04 01:26

vue尚品汇商城项目-day07【52.打包文件，处理map文件】

配置方式，在vue.config.js中新加入一行即可。

刘大猫.·2023-04-03 21:07

一个支持less+less-auto-prefix的vue.config.js文件

一个支持less+less-auto-prefix的vue.config.js文件constpath=require('path')//constfs=require('fs')constLessPluginAutoPrefix

TOPro·2023-04-03 21:30

vue.config.js打包优化(有效)

vue.config.js打包优化优化方向1.图片资源压缩2.将productionSourceMap设为false，map不进行生成3.cdn配置（可选）4.代码压缩5.公共代码抽离(个人感觉没啥用)

菜鸟一站·2023-04-03 19:04

vscode调试Vue

中调试—Vue.js2、安装DebuggerforChrome3、vue.config.jsconfigureWebpack:{devtool:'source-map'},4、launch.json端口与vue.config.js

XinShun·2023-04-03 11:15

vue-cli 创建的项目vue.config.js文件配置assetsPublicPath

./'}}2.vue-cli3.x版本在cli3中assetsPublicPath属性被baseUrl取代，只需要在vue.config.js添加baseUrl属性设为‘./’即可module

高阳刘·2023-04-03 05:27

vue更改vue-admin-telement模板登录

1.更改env.development中的baseUrl换成自己本地的url2.更改api3.查看拦截器4.查看需要的token返回值springboot部分关闭eslint校验在vue.config.js

又菜又爱玩呜呜呜~·2023-04-03 01:24

Vue（二）：2.0与3.0的差异、vue.config.js、引入全局样式、router重定向、elementui依赖、git命令提交文件

命令提交文件1、2.0与3.0的差异2.x构建项目2.x目录3.x目录1、去除了static、config、build2、新增了public3、自动依赖node_modules4、默认配置webpack，通过vue.config.js

Ming-Afresh·2023-04-02 07:57

前端性能优化

1.安装npminstallwebpack-bundle-analyzer-D2.在vue.config.js中引入const{BundleAnalyzerPlugin}=require('webpack-bundle-analyzer

wytraining·2023-04-02 03:54

web前端使用less

vue-cli3以上中使用less下载less和less-loadernpminstall--savelessless-loader在vue.config.js中配置module.exports={pluginOptions

背好痒感觉在长翅膀·2023-04-01 19:00

vue 本地https测试userMedia

准备：用vue-cli3生成项目vue.config.js,新增配置，避免后面报错：invalidhostheaderdevServer:{disableHostCheck:true,compress:

小猋_a8f1·2023-04-01 18:24

vue项目根据启动指令动态载入全局使用css文件

vue项目根据启动指令载入全局主题css文件：package.json"start":"vue-cli-serviceserve--themVersionbs"文件：vue.config.js//根据指令获取固定路径下的

西装暴徒_12138·2023-04-01 14:27

vue 前端打包 chunk-vendors文件过大的问题

在vue.config.js文件中使用webpack的compressionPlugin插件对代码进行压缩切记要开启删除源文件传送https://www.webpackjs.com/plugins/compression-webpack-plugin

钱多多_0216·2023-03-31 22:23

前后端分离+Nginx+VUE路由实现访问路径加前缀

项目结构为通过vue.config.js中module.exports的pages构建了多页应用，由于

pengguoyang·2023-03-31 17:18

vue 项目css预处理语言伪元素样式乱码解决

vue项目dart-sass在打包过程中会将伪元素content中的内容转义，会出现乱码问题使用第三方包css-unicode-loader解决乱码问题下载npmicss-unicode-loader在vue.config.js

新时代农民工Top·2023-03-31 00:16

vue-cli3使用假数据

介绍使用vue-cli3中的vue.config配置文件mock假数据vue-cli3中的新建一个vue.config.js文件，在里面新添一些配置信息，这些配置信息会和vue-cli3默认的wenpack

咸鱼不闲001·2023-03-30 06:40

2022-03-02 vue.config.js 优化打包配置参考

constpath=require("path");//gzip压缩constCompressionPlugin=require("compression-webpack-plugin");//监控日志constSentryCliPlugin=require("@sentry/webpack-plugin");//代码压缩constUglifyJsPlugin=require("uglifyjs-

alanwhy·2023-03-29 20:06

vue.config.js配置别名alias、配置生产环境清除console

首先，先确定项目中是否有path模块：如果没有path模块需要先安装pathnpminstallpath--save以下为vue.config.js配置constpath=require("path")

天涯星辰·2023-03-29 16:41

WebStorm+Vue-cli 配置alias 点击跳转无效问题

尝试方法查看vue-cli版本，不同版本配置文件不同使用vueinspect检查，搜索alias查看路径映射使用console.log打印日志，确保vue.config.js正确加载运行可以直接添加测试

Zakza·2023-03-29 14:32

Vue 之 vue.config.js 配置文件

"usestrict";//nodejs内置模块(path模块用于处理文件和目录(文件夹)的路径)constpath=require("path");constdefaultSettings=require("./src/settings.js");//转换编码格式constEncodingPlugin=require("webpack-encoding-plugin");const{trance

雨季mo浅忆·2023-03-29 13:49

vue.config.js配置解析

constpath=require('path')module.exports={publicPath:publicPath:process.env.NODE_ENV==='production'?'/production-sub-path/':'./'outputDir:'zjjc',//输出文件目录assetsDir:'assets',//放置生成的静态资源indexPath:'indx.ht

避于核桃之内自誉为无疆限之君主·2023-03-29 13:51

vue cli 3.0中的vue.config.js主要配置及解析

在我们创建一个vue项目的时候，vuecli3不会为我们创建vue.config.js文件。

摸鱼仔某人·2023-03-29 12:36

uniapp H5跨域问题

记录一下工作中遇到跨域及解决跨域方法方法一：直接编译Hbuilder内置浏览器（公司网络下载不下来），能解决跨域方法二：在manifest.json文件中配置跨域，该方法类似vue.config.js中的

aE_0ff7·2023-03-28 22:17

ant-design-vue自定义主题

首先看官方文档的解释：AntDesignVue定制主题根据需要，我这里是vue3的版本1、修改vue.config.js，新加入如下代码块module.exports={................

学习使我快乐——玉祥·2023-03-28 14:52

vue3 使用 vue.config.js 配置使用scss全局变量

配置下vue.config.js即可module.exports={css:{loaderOptions:{sass:{additionalData:`@import"@/assets/scss/theme.scss

乙哥驿站·2023-03-28 11:31

github actions 部署个人Vue项目记录

首先说明gitpages放的静态页面，路由刷新会报404项目准备工作：在vue.config.js里边的publicPath改为“/项目名/”项目准备.png1.点击个人头像，选择Settings第一步

我喜欢吃辣椒·2023-03-28 06:29

vue移动端项目中使用postcss-pxtorem进行适配方案

vuecreatehello-world当项目创建好以后，我们在根目录下新建一个vue.config.js，想必大家也都懂这个文件是干什么的。

高阳刘·2023-03-27 23:35

vue.config.js的配置

module.exports={publicPath:"/",css:{loaderOptions:{sass:{prependData:`@import"@/styles/index.scss";`//公共scss}}},devServer:{open:true,//proxy配置服务器代理解决本地联调跨域问题proxy:{"/":{target:"",changeOrigin:true,},}

Year_h·2023-03-27 08:58

vue3.0 + element-plus自动导入

npminstallelement-plus--save2.官网推荐，自动导入插件npminstall-Dunplugin-vue-componentsunplugin-auto-import3.配置vue.config.js

江江耶·2023-03-26 22:05

想请求多个不同域名的接口，配置是这样吗？如果到生产环境中再该如何配置呢？

我的vue.config.js文件是这样配置的module.exports={publicPath:process.env.NODE_ENV==='production'?'.

小白自学前端·2023-03-26 18:06

ESlint ctrl+s保存出错

它eslint语法报错，直接在vue.config.js中添加lintOnSave:false,完成，保存的时候就不自动监测Eslint语法了。

gardenlike2·2023-03-26 13:00

需要配置10kb下的图片打包成base64的格式 vue.config.js

chainWebpack:config=>{config.module.rule('images').use('url-loader').loader('url-loader').tap(options=>Object.assign(options,{limit:10000}))}

Jycoding·2023-03-26 03:43

vue运行时渲染报错

（代码在最下面）解决方法：如果是vue-cli创建的项目，会有vue.config.js，在里面新增一条：runtimeCompiler:true即可，这个配置项允许在vue实

shiyuwudi·2023-03-25 09:24

配置vue.config.js

configureWebpack值为对象的配置方式constpath=require('path')constThemeColorReplacer=require('webpack-theme-color-replacer')constforElementUI=require('webpack-theme-color-replacer/forElementUI')module.exports={p

blue_angel·2023-03-24 17:19

webpack配置打包zip

1.插件安装npminstallfilemanager-webpack-plugin--save-dev2.webpack配置vue.config.js文件constFileManagerPlugin=

A_dfa4·2023-03-24 16:07

推荐频道

vue.config.js