vue.config.js

Vue中使用__webpack_public_path__动态设置publicPath

步骤共需要:修改两个文件：main.js和vue.config.js；新增一个文件：public-path.js;创建public-path.js,内容：通用//public-path.js//eslint-disable-next-lineno-undef
果酱风·2023-09-25 00:37

性能优化 ：删除项目中没有引用关系的文件 useless-files-webpack-plugin

一般此类包不需要安装到项目中，减少node_modules体积（以项目实际情况决定-S/-D）npmiuseless-files-webpack-plugin-S然后再vue.config.js中配置constUselessFile
晴天有点孤单·2023-09-24 21:58

vue3项目配置代理

在Vue3项目中使用代理有两种方式：使用VueCLI的devServer.proxy配置在vue.config.js中添加如下代码：module.exports={devServer:{proxy:{'
无妄的罪·2023-09-24 16:51

vue.config.js配置

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建module.exports={//基本路径publicPath:"./",//构建时的输出目录outputDir
程序小小黑·2023-09-24 04:50

vue.config.js 实用配置（生成zip文件，生产环境删除console.log，gzp配置，qiankun微前端配置等

使用vue-cli开发项目，免不了需要做些配置。特别是项目比较复杂时。这里列出一些有用的配置。当然，每个项目需求不同，或许对你来说，这并不实用。这里所用的都是基于vue-cli3的配置哦。vue是2.x的。还在用vue-cli2的童鞋，该换新了，比较vue3都出来了，当然了，老项目可能没办法（我说的是没办法去升级成vue-cli3，可能因为时间成本,想要这些配置，也是可以的，只是写法和这里有区别罢
东扯葫芦西扯瓜·2023-09-23 19:54

Vue基于已有的项目封装组件发布npm

修改项目结构当前结构修改后结构将原来的src目录，修改成examples新建packages文件夹，用来存放后续的组件二、修改配置项目启动默认入口是src/main.js，第一步已将src文件名改成examples所以需要配置入口已有vue.config.js
蓝海00·2023-09-23 16:25

vue项目seo方法

SOE：搜索引擎优化最基本的条件：1、多页面=》蜘蛛抓取2、页面还有蜘蛛抓取的内容3、title、描述、关键词解决方案一：预渲染在vue.config.js的配置文件中配置（打包成多页面prerender-spa-plugin-next
weixin_43993776·2023-09-23 13:22

Vue-cli常用配置

以下所以配置都在vue.config.js文件的module.exports={}中基本配置baseUrl:'./',//默认'/'，部署应用包时的基本URLoutputDir:'dist',//构建文件的目录
愿你我皆是黑马·2023-09-23 06:24

vue3项目学习三：配置登陆解决方案

登录鉴权退出登录方案主动退出被动退出配置环境变量在根目录创建开发模式和生产模式的两种baseURL输入：ENV='development'#baseapiVUE_APP_BASE_API='/api'修改vue.config.js
别出声～～·2023-09-23 03:06

关闭Eslint，可以在vue.config.js里面配置

'usestrict'constpath=require('path')constdefaultSettings=require('./src/settings.js')functionresolve(dir){returnpath.join(__dirname,dir)}constname=defaultSettings.titlemodule.exports={lintOnSave:false
物语染星辰·2023-09-22 20:58

vue2迁移vue3时遇到的bug

1npm发布vue组件，样式无法生效vue.config.js中配署css:{extract:false}这句话的意思是，将Css和is不分开打包，CSs将作为内联样式注入到js中，这样install组件后就有样式了
LJPchosen1·2023-09-22 17:30

Vue-cli配置多页面

vue-cli可以配置vue.config.js的pages选项，实现多页面应用
放羊的程序猿·2023-09-22 14:24

vue 项目报Uncaught runtime errors: 导致项目崩溃

当出现编译错误或警告或接口报错时，在浏览器中显示全屏覆盖导致程序崩溃，如下图，此报错在生产环境下并不会出现通过看控制台，找到关键词webpack可以明显的看出来是webpack-dev-server弄出来的解决办法在vue.config.js
流氓也是种气质 _Cookie·2023-09-22 11:32

在vscode创建vue框架以及目录结构完整性创建(css,vue.config.js)

node安装完成如何在vscode创建vue快速步骤首先vue-V查看版本号（此为vue2）脚手架为3依此输入以下指令npminstall-g@vue/cli用来下载脚手架，以便可以创建项目vuecreatemy-vue(此为项目名称)//意思为创建一个名字叫my-vue的项目第一个我们选择手动配置，选择第三个Manuallyselectfeatures剩下按如下步骤选择即可3.最后重新打开这个文
渊来有你·2023-09-22 10:51

vue2.6.12移动端配置

不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制vue.config.js增删配置,并自行安装所需依赖。  vue-cli3配置见vue-cli3分支。
杨晓白·2023-09-22 03:35

liunx服务器部署ruoyi-vue项目

服务器新部署若依项目步骤命令/操作期望说明项目更改配置文件后端切换成prod,端口9091(与nginx区别开),应用的访问路径为/ruoyi,数据库连接与密码修改可以正常启动(数据库可连接的情况下)"前端的vue.config.js
东本三月·2023-09-22 02:02

vue跨域文件vue.config.js

constpath=require('path')constdebug=process.env.NODE_ENV!=='production'module.exports={baseUrl:'./',//根域上下文目录outputDir:'dist',//构建输出目录assetsDir:'assets',//静态资源目录(js,css,img,fonts)lintOnSave:false,//是否
张三爱的歌·2023-09-21 23:45

vue2markdown转思维导图

markmap-common如果报错提示vuePdfNoSss相关问题，需要安装vue-pdf如果报错can’timportthenamedexport‘xxx’fromnonEcmaScriptmodule，需要在vue.config.js
乌贼さま·2023-09-21 21:39

Vue 工程代码阅读小技巧

幸好大多数vue项目的结构都差不多，命名方式也好阅读：├──vue.config.js/#webpack配置文件
悟大师·2023-09-21 12:38

vue把http请求换成https

//打开vue.config.js//首先把请求换成https，然后添加https:truedevServer:{compress:true,//启用gzip压缩noInfo:true,overlay:
liuxi_happy·2023-09-21 07:49

vue3项目服务器静态文件部署增加指定路由地址完整实现

这主要是通过修改vue.config.js文件实现的。
IT_xiaocai27·2023-09-21 07:33

多方案解决VUE项目控制台报错：net::ERR_CONNECTION_REFUSED / [WDS] Disconnected!

这是最近开发时遇到的问题，控制台一直报错，虽然表面上没有什么太大的影响，不过为了保险起见，还是要把这个问题解决的控制台报错提示解决方案1：将vue.config.js中的host:'0.0.0.0',改为
weixin_52485890·2023-09-21 00:11

vue3 electron 打包后进程通信无效，开发环境正常

出现这个问题，是因为vue.config.js文件中electronBuilder项没有添加preload属性导致的，解决方式如下：vue.config.js文件const{defineConfig}=
陈龙辉Break·2023-09-20 17:57

vue2.0检测无用的代码并删除

（1）、使用useless-files-webpack-plugin来查找无用文件npmiuseless-files-webpack-plugin-S（2）、vue.config.js中配置constUselessFile
javascript艺术·2023-09-19 20:26

vue项目后端设置了允许跨域 使用axios 还是会出现跨域问题？

解决问题的方法根目录写入以下vue.config.js//vue.config.jsmodule.exports={devServer:{proxy:{//配置跨域'/api':{target:'http
北杳同学·2023-09-19 07:39

ValidationError: Progress Plugin Invalid Options

我项目用的是vue2；这是用命令安装了一个echarts就变成这个样子解决时候尝试的一些操作1.重新安装依赖2.删除package.json页面3.在vue.config.js页面进行重新配置4.降低了
战斗中的老段·2023-09-19 06:48

vue中使用svg图标

一、下载对应loadernpmisvg-sprite-loader-D二、在vue.config.js中配置loader'usestrict'constpath=require('path')functionresolve
叫兽~~·2023-09-19 04:52

关于vue.config.js

关于vue.config.js简述vue.config.js是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它就会被@vue/cli-service自动加载。
Mr.Meng_95·2023-09-18 23:34

webpack、vue.config.js

一、webpack学习简述webpack是一个静态资源打包工具，它会以一个或多个文件作为打包的入口，将我们整个项目的文件编译组合成一个或多个文件输出出去。输出的文件就是编译好的文件，可以运行在浏览器中。一般的我们将webpack输出的文件叫做bundle为什么需要打包工具随着现在前端技术的发展，我们会使用各种框架（Vue、React），ES6模块化语法、Less/Sass等css预处理器，去提高新
Mr.Meng_95·2023-09-18 23:02

第五步 Vue2 vue.config.js 使用image-minimizer-webpack-plugin配置图片压缩

安装项目根目录下打开终端或命令行工具，运行以下命令来安装相关依赖包：npminstallimage-minimizer-webpack-pluginimageminimagemin-pngquant--save-dev当前版本image-minimizer-webpack-plugin@3.8.3imagemin@8.0.1imagemin-pngquant@9.0.2如果安装后配置后编译时报错无
-Bell-·2023-09-18 16:20

第四步 Vue2 配置ESLint

vue.config.js检测开关和模式module.exports={//是否每次保存时lint代码,可选值(boolean|'warning'|'default'|'err
-Bell-·2023-09-18 16:50

vue开发之vue-cli2与vue-cli3的对比

项目目录结构项目目录结构 可以明显的看出来，vue-cli2.0与3.0在目录结构方面有明显的不同： 1.vue-cli3移除了配置文件目录：config和build文件夹，增加了vue.config.js
夏一抹阳光_c717·2023-09-18 13:03

配置Vite获取内网IP（Vue3项目ts版本获取本机局域网IP地址)

参考文章：vue项目获取本机局域网IP地址（vue.config.js版本)在Vite中，没有vue.config.js文件，而是使用vite.config.js（或vite.config.ts，如果项目使用
三岁很ok·2023-09-18 12:05

vue项目打包时如何将静态文件打包到一个单独的文件夹

在vue.config.js文件中（如果没有，请创建一个），添加以下配置：const{defineConfig}=require('@vue/cli-service')module.expo
北漂燕郊杨哥·2023-09-18 06:15

一个vue项目中访问两个服务器地址出现跨域问题，axios直接使用，跨域问题解决后还报404解决

项目情况：一个vue项目需要的数据在两台服务器上，前端访问就出现了两次跨域问题一、解决跨域问题在webpack.config.js或者vue.config.js中找到devServer并在下面用代理：target
PXY_J·2023-09-18 04:18

[前端笔记036]vue2之ajax配置

前言本笔记参考视频，尚硅谷:BV1Zy4y1K7SHp96-p104vue脚手架配置代理服务器：方法一：在vue.config.js中添加如下配置：devServer:{proxy:"http://localhost
Plusmile1·2023-09-18 01:50

nginx配置vue前端代理

一、开发阶段在vue.config.js中配置devserver的proxy进行代理请求配置，然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。
大可-·2023-09-17 22:37

vue环境搭建

新建vue.config.js文件，进行项目配置module.exports={devServer:{proxy:{//配置跨域'/api':{target:'http://localhost:8081
Code L·2023-09-17 06:25

vue css动态 实现更换主题颜色效果！！！

设置一个全局样式，效果如下还要在vue.config.js设置一下来个loader3.在需要更换的颜色的地方写上自己刚刚定义好变量的主题颜色，就可以更
_YkRonin·2023-09-16 18:03

vue.config.js 代理 打包 配置

摘自https://www.jianshu.com/p/b358a91bdf2d作者：Rising_life//Vue.config.js配置选项module.exports={//选项//基本路径publicPath
华山派岳不群·2023-09-16 16:19

vue项目 vue.config.js改成vue.config.ts

最近用@vue/cli5搭建的vue3+ts项目，想把vue.config.js改成vue.config.ts参考这篇文章，结果报错于是就找原因，经过一番排查后，发现下载vue/cli-service@
wentingya·2023-09-16 11:24

vue-cli4之vue.config.js打包优化

目录vue之cli之中的vue.config.js配置文件publicPath-打包后访问基础路径outputDir-打包后输入的文件夹使用gzip压缩打包的文件大小-compression-webpack-plugin
小小亮01·2023-09-16 11:54

vue.config.js配置项以及注意事项（vue3）

vue-cli3搭建的项目较vue2相比，配置变得更加的简洁，原先的build以及config文件夹的内容都没有了，现在配置都放在vue.config.js。
weixin_45044818·2023-09-16 11:54

vue.config.js的基本配置

constpath=require('path');constresolve=(dir)=>path.join(__dirname,dir);varwebpack=require('webpack');module.exports={publicPath:"./",//公共路径indexPath:'index.html',//相对于打包路径index.html的路径outputDir:proces
weixin_45776308·2023-09-16 11:54

vue.config.js 多环境配置

//执行npmrundev时报错：MaxListenersExceededWarning:PossibleEventEmittermemoryleakdetectedrequire("events").EventEmitter.defaultMaxListeners=50;const{defineConfig}=require("@vue/cli-service");constwebpack=re
web老猴子·2023-09-16 11:54

vite.config.js常用配置

vite项目中使用的不是vue.config.js,而是vite.config.jsvite.config.js配置：importpathfrom'path'//vit
_孤傲_·2023-09-16 04:15

vue 配置公共的css样式

在刷新页面后发现css好像加载了两遍，第二次的将第一次的样式覆盖掉了方法：1npmistyle-resources-loadervue-cli-plugin-style-resources-loader-D2在vue.config.js
小番茄1009·2023-09-16 00:26

Vue3+Ts中使用Jquery

1、安装jquery：npmijquery--save2、在vue.config.js文件中添加如下代码：const{defineConfig}=require('@vue/cli-service')constwebpack
ᥬ 小月亮·2023-09-15 20:07

vue样式中背景图片路径_vue-cli3.0全局less样式中该如何正确设置背景图片的路径？...

common.less是通过vue.config.js里面全局这样引用的，如下代码：pluginOptions:{'style-resources-loader':
weixin_39646084·2023-09-15 20:31

vue开发-语法和基础流程规范

当一个请求发生的时候后端的扭转流程对标前端的扭转过程***vue中整体url触发整体流程服务流程：node中定义了默认加载vue.config.js文件（vue.config.js文件名不可更改）->vue.config.js
忧郁的双鱼座程序猿·2023-09-13 00:02
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他