vue.config.js

vue-cli3查看webpack默认配置

要对webpack做个性化配置，需要在根目录创建vue.config.js文件进行配置覆盖。但是我们怎么知道vue-cli内置了什么样的配置呢？
夏狗花花·2020-11-18 13:38

解决vue项目中出现Invalid Host header的问题

webpack.dev.conf.js中的devServer对象加入disableHostCheck:truedevServer:{disableHostCheck:true,}vue-cli版本3.0的情况下修改vue.config.js
·2020-11-17 09:47

vue-cli4版本配置vue.config.js和分环境打包

之前写了一篇vue-cli3的配置（https://segmentfault.com/a/11...），建议升级到vue-cli4。vue-cli4脚手架创建的目录更加的合理性，其他好像没什么变化vue-cli的升级官网上有介绍，建议都使用yarn卸载：npmuninstallvue-cli-g或yarnglobalremovevue-cli如果你的版本是vue-cli3的话，npmuninsta
hongzheng·2020-11-13 17:27

在VS Code 中调试Vue.js

步骤打开vscode，安装DebuggerforChrome使用vuecli3创建vue应用项目根路径添加"vue.config.js"文件module.exports={configureWebpack
WinRT·2020-11-13 17:37

在VS Code 中调试Vue.js

步骤打开vscode，安装DebuggerforChrome使用vuecli3创建vue应用项目根路径添加"vue.config.js"文件module.exports={configureWebpack
WinRT·2020-11-13 12:32

解决升级vue 2.6版本后，template中的    被清除的问题

在vue.config.js中添加配置如下：chainWebpack:config=>{//解决页面中的空格占位符被清除的问题config.module.rule('vue').use('vue-loader
青山酒馆·2020-11-06 11:01

vue.config.js简介

Vue.config.js前言我们在创建一个vue项目的时候，vue-cli并不会帮我们创建vue.config.js。
浅茶不爱茉li·2020-11-03 10:20

vue-cli4.x打包压缩遇到的问题

由于vue-cli4.x少了很多配置文件所以自己新建一个vue.config.js里面填写打包配置module.exports={//公共路径(必须有的)publicPath:"./",//输出文件目录
上邪_J·2020-11-02 16:49

Vue中解决无需一一引入scss公共样式文件（sass-resources-loader）

安装sass-resources-loadernpmisass-resources-loader在vue.config.js配置module.exports={ch
千寻的梦·2020-10-29 10:59

Vue-cli3 项目配置 Vue.config.js

vue-cli3脚手架搭建完成后，项目目录中没有vue.config.js文件，需要手动创建image.png在根目录中创建vue.config.jsimage.pngvue.config.js配置module.exports
Hasan_hs·2020-10-26 16:20

Vue博客前端总结——项目配置

环境变量env文件需要声明运行的环境使vue.config.js中根据不同环境进行配置.env.dev
迷茫_3461·2020-10-19 18:34

Vue关于环境变量的配置

搭建vue项目有两种方式：1、vuecli脚手架搭建2、webpack搭建其中，使用方法一搭建，环境变量配置需自己创建一个名为vue.config.js的文件进行配置使用方法二配置环境变量步骤如下：步骤一
高蓓蓓·2020-10-19 11:20

vue-cli4配置scss全局变量

scss，但是使用scss的时候不想每个组件都引入variable.scss，于是网上找了好多方法，此为亲测可用的方法安装“node-sass”，“sass-loader”，“style-loader”vue.config.js
刀刀是个萌妹子·2020-10-17 22:33

vue项目性能优化方案

优化前准备：首先我们需要先排查影响性能、导致打包资源文件过大的原因，以及代码的使用率webpack-bundle-analyzer：npminstallwebpack-bundle-analyzer//vue.config.js
坏丶毛病·2020-10-17 15:43

vue-cli4 + Electron打包成桌面程序

首先，完成了一个名为‘demo1’的vue-cli4项目，在根目录下创建一个vue.config.js文件：module.exports={runtimeCompiler:true,publicPath
沐泉·2020-10-16 15:20

vue-cli3.0中axios请求跨域问题，有效！！！Uncaught (in promise) Error: Request failed with status code 404

一开始未设置时如下：以及报错如下：解决办法：1.在你的项目的根目录里面的vue.config.js文件添加如下内容（没有这个文件直接新建即可）*内容：module.exports={publicPath
Poker_旭·2020-10-13 21:56

vue-cli 3.0 配置vue.config.js

constwebpack=require('webpack')constpath=require('path');functionresolve(dir){returnpath.join(__dirname,dir)}module.exports={//基本路径baseUrl:'./',devServer:{port:8888,open:true},configureWebpack:{plugin
卓小生·2020-10-10 21:32

如何高效的阅读uni-app框架？（建议收藏）

作者|Jeskson来源|达达前端小酒馆uni-app的框架，配置：page.json，manifest.json，package.json，vue.config.js。
达达前端·2020-10-10 12:04

vue-cli3项目兼容IE11

polyfill模块npminstall@babel/polyfill--save2:引入@babel/polyfill在main.js下面直接引入import‘@babel/polyfill’亲测无效具体引用是在vue.config.js
の娟子·2020-10-08 22:10

vue打包，减小chunk.js文件提高加载速度

vue.config.js中的配置（直接复制就能使用）constwebpack=require('webpack')constCompressionWebpackPlugin=require('compression-webpack-plugin
热情仔·2020-10-08 20:22

关于vue跨域问题，修改代理后仍出现404

我的前端运行在8080端口,后端运行在8181端口我的vue.config.js配置如下constpath=require('path')constwebpack=require('webpack')constGitRevisionPlugin
走错路的程序员·2020-09-23 14:06

vue项目部署

官网https://cli.vuejs.org/guide/deployment.html#general-guidelines（本地访问）首先在项目根目录下新建vue.config.js文件该文件中的内容加入以下
废弃的种子·2020-09-23 14:48

Ant Design Vue集成GraphQL Apollo

npminstallvue-apollographqlapollo-clientapollo-linkapollo-link-httpapollo-cache-inmemorygraphql-tag--save安装加载器加载graphql后缀文件打开根目录的vue.config.js
Coder1024·2020-09-22 14:36

vue-cli3 热更新配置操作

解决方案：只需要在vue.config.js文件中配置一下就可以实现热更新了，如下：chainWebpack:config=>{//修复HMRconfig.resolve.symlinks(true);
·2020-09-18 15:19

vue.config.js常用配置

//vue.config.js常用配置constpath=require('path')functionresolve(dir){//返回一个路径//__dirname:找到当前项目的绝对路径,也就是vue_bilibili
qq_41519363·2020-09-17 14:34

vs-code中用liveServer打开vue-cli打包后的html，模拟查看线上路径问题

首先在扩展搜索liveServer下载安装之后右键html就会出现liveServer命令我用的vue-cli版本是3.2，为防止路径问题，在vue.config.js中修改publicPath为module.exports
dearqz·2020-09-17 06:55

使用前端代理实现跨域_devServer.proxy

基于我使用的是vue框架，所以要在根目录创建一个名为vue.config.js的文件其中的跨域配置就是在devServer.proxy中module.exports={//打包时静态资源的源地址指向publicPath
_套码的汉子·2020-09-17 06:59

解决vue cli3.x打包更新版本,浏览器缓存问题

1.找到vue.config.js(vuecli3.x生成的项目默认没有这个文件,需要自己创建)2.添加如下代码//时间戳保证不会版本重复constTimestamp=newDate().getTime
麦兜:)·2020-09-17 06:05

Vue关闭线上源码移除console

关闭线上源码在Vue.config.js中添加如下代码module.exports={//关闭线上源码productionSourceMap:false,}移除后的效果移除console安装插件:终端执行
神奇程序员·2020-09-17 06:32

Vue项目首页实现思路总结

文章目录1.项目的基本配置项目结构css初始化和全局样式vue.config.js和.editorconfigTabBar的封装axios封装首页开发首页NavBar的开发请求首页轮播图和推荐的数据轮播图的展示推荐部分数据的展示
lhrdlp·2020-09-17 04:27

unli-app框架构建EasyRTC_SFU安卓app项目服务端代理的配置

在web开发端例如：vue框架项目需要在vue.config.js
TSINGSEE·2020-09-17 04:23

一个简单vue.config.js配置和axios简单封装

一个简单vue.config.js配置和axios封装从vue-cli3.0脚手架开始，搭建的Vue项目，目录中是不存在vue.config.js文件的。
小兔&崽子·2020-09-16 17:12

vue-cli 中使用 postcss-px-to-viewport 插件实现移动端自适应

使用安装使用npm安装npminstallpostcss-px-to-viewport--save-dev在vue.config.js中配置参数module.exports={css:{loader
LeungZhenPang·2020-09-16 13:17

vuecli3.0中引入高德地图以及使用到的一些常用方法（正向地理编码，逆向地理编码， 画canvas，点击，鼠标事件，海量点）

官网，我是用的webJs2、高德地图实例中心：https://lbs.amap.com/demo-center/js-api在vue中的具体操作，1）在pubilc下的index.html中引入2、在vue.config.js
一壶酒儿·2020-09-16 09:31

开发环境和生产环境的切换

vue项目用vue.config.js来配置不同环境自动切换配置一、通过创建不同环境js文件，再通过cross-env来切换。新建开发环境dev.js文件。
勤奋的七仔·2020-09-16 09:30

关于vue单页面应用访问路径添加项目名的设置步骤

我想要的访问路径效果如图：1.在index.html的头部中设置红框圈中的代码：2.在router.js中设置路由模式如下（设置history是为了去掉默认的#锚点）：3.在vue.config.js中设置公共根路径如下
张刻骨·2020-09-16 04:34

Vue-cli3 使用history模式（去掉#）

xxx'mode:"history",base:process.env.VUE_APP_SRC,process.env.VUE_APP_SRC为线上环境的某个路径,一个域名对应多个vue.js工程必须要用2、vue.config.js
高先生的猫·2020-09-16 04:26

vue css中使用@作为根路径报错问题

配置vue.config.js不对style部分得css生效，CSSloader会把把非根路径的url解释为相对路径，加~前缀才会解释成模块路径（~@代表根路径）。
Lion暖冰·2020-09-16 03:46

Vue项目优化

脚手架3就vue.config.js里面。将productionSourceMap改为false。4、使用cdnwebpack配置externals:{'v
不玩C++的前端是不合格Java·2020-09-16 03:33

vue.config.js 首屏加载优化

compression-webpack-plugin插件压缩文件cnpmicompression-webpack-plugin-D安装依赖包（npm有时候会出错）原理：把文件压缩成浏览器能够自动解压的gizp文件，放在服务器上，配合nginx配置开启nginx配置listen80;server_namesaas.saas100.vip39.100.112.34;gzipon;gzip_min_le
ggyyjavascript·2020-09-16 02:30

vue-cli3关闭代码分割

关闭方法：vue.config.js文件中config.optimization.delete('splitChunks')//关闭代码分离，只生成一个js文件和css文件注意点：异步
不会消失的夜晚·2020-09-16 02:08

npm run dev后会自动打开两个窗口

如题，除了会自动打开两个窗口其实也没啥其他，但总让人不爽，每次打开两个窗口，还要我手动去x掉个，其实简单两步就能解决这个问题，步骤如下：步骤一//vue.config.js文件devServer:{port
___星期六·2020-09-16 01:44

vue项目中不使用mock也可以模拟数据

一般使用mock模拟数据更好，但是还有一个方法临时模拟一下数据，使用webpack-dev-server去模拟服务器（原理是node的express中的中间件设置路由），具体操作如下：先在根目录中的vue.config.js
bamboozjy·2020-09-16 01:46

vue-cli 项目开发流程 划分目录结构

文章目录项目开发流程初始（清理无效文件）划分目录结构初始化样式reset.css/normalize.css.editorconfig代码风格配置、vue.config.js配置别名项目模块划分项目开发流程初始
tianmeng1999·2020-09-16 00:16

电商后台管理系统——首页内容定制

二定制过程1修改vue.config.js,配置如下module.exports={chainWebpack:config=>{//发布模式config.when(process.env.NODE_ENV
cakincheng·2020-09-15 22:58

Vue突然无法进行跨域转发

要想直接获取数据在开发阶段只能做转发，在vue.config.js中增加module.exports={runtimeCompiler:true,publicPath:'/',//设置打包文件相对路径devServer
fattershall·2020-09-15 19:49

关于vue-cli3打包代码后白屏的解决方案

打开调试后发现文件引用路径不对根据以往的经验根目录下新建vue.config.js配置publicPathmodule.exports={...runtimeCompiler:true,publicPath
·2020-09-15 17:26

vue cli 3.0通用打包配置代码,不分一二级目录

1.项目根目录下新建vue.config.js，进行如下配置即可module.exports={publicPath:'',};补充知识：Vue-CLI3.0更改打包配置在实际项目开发中，我们一般会直接使用
·2020-09-15 17:26

vue项目运行时报Cannot read property ‘upgrade’ of undefined错误

报错如下图所示主要是因为在vue.config.js中使用了跨域代理，如下图所示主要原因是target字段后面是空的，如下图所示解决方法就是让target字段不为空，就可以运行起来了如下图所示
超帅不是很帅·2020-09-15 16:23

vue-cli4.x 使用 scss 全局变量设置使用

相关配置在安装完相关依赖后，需要在vue.config.js中进行相关配置，重点配置路径。
a伊雪·2020-09-15 16:04
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他