vue.config.js常用配置

最新推荐文章于 2024-10-02 13:53:38 发布
最新推荐文章于 2024-10-02 13:53:38 发布
阅读量487 收藏 3
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47000934/article/details/118993855
版权

7.22vue.config.js

1.项目启动（可略过）

在 idea里安装插件
在这里插入图片描述
在这里插入图片描述
创建项目
在这里插入图片描述
在这里插入图片描述
可查看版本
在这里插入图片描述
在这里插入图片描述
运行
在这里插入图片描述

2.vue.config.vue常用配置

2.1 publicPath

项目发布的根路径
如：
在这里插入图片描述
发布时的路径得是app文件下（用nginx）：
在这里插入图片描述
访问路径：
在这里插入图片描述

2.2 outputDir

build生成的文件夹路径，默认是根目录下的dist
如：
在这里插入图片描述
打包的文件地址会是这里：
在这里插入图片描述

2.3 assetsDir

静态文件的存放位置，默认是根目录下的dist文件
在这里插入图片描述

2.4 indexPath

index.html的存放位置
在这里插入图片描述

2.5 indexPath

开启文件名的hash重命名
在这里插入图片描述

2.6 lintOnSave

打开lint检查
在这里插入图片描述

2.7 devServer

代理服务器

在这里插入图片描述
在这里插入图片描述
compress使用前后对比
在这里插入图片描述
proxy路径重写

在这里插入图片描述
其他具体可查webpack
在这里插入图片描述

总结

以上仅是个人笔记，
详细可看vue文档配置参考>>>

Li敢敢
关注
专栏目录
vue.config.js的常用配置
weixin_44771007的博客
07-12 249
配置参考链接 vue.config.js配置 //vue.config.js module.exports = { devServer:{ host:'localhost', //主机 port:8080, //端口 proxy:{ //代理,在开发环境下将 API 请求代理到 API 服务器 '/api':{ target:'http://localhost:3000', //比如请求/api/users，代理到http://localhost:3000/api/us.
vue.config.js 配置
a123456234的博客
08-08 2684
vue.config.js 文件是 Vue CLI 项目中的全局配置文件，它允许你以 JavaScript 的形式来配置构建选项，而不是通过命令行参数或者 .vue-clirc 的 JSON 格式。
vue.config.js常用基础配置留档
qq_38560742的博客
03-26 215
1.分享一个vue.config.js的基本配置，至少能让你的代码体积缩小2/3，嗯，就这样，复制急用 const CompressionPlugin = require('compression-webpack-plugin') // 代码压缩 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') // 去掉打印，注释等多余代码 const { HashedModuleIdsPlugin } = require('webpack') // 只打
vue.config.js常用配置详解
12-13
其中，`vue.config.js` 文件成为配置项目的关键，它允许开发者自定义Vue CLI Service的行为。以下是对`vue.config.js`中一些常见配置的详细解释： 1. **publicPath**： `publicPath` 替代了原来的 `baseUrl`，用于...
vue.config.js中配置Vue的路径别名的方法
10-15
Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置，其中包括配置路径别名。以下将详细介绍如何在`vue.config.js`中设置Vue的路径别名。 首先，我们需要在项目的根目录下创建或编辑`...
vue3.0的vue.config.js详解和完整配置
最新发布
qq_42755622的博客
10-02 780
自定义打包后js文件的路径及文件名字。
idea vuejs插件
05-27
idea vuejs插件
Vue.config.js常用配置项
weixin_41086056的博客
04-01 959
Vue.config.js常用配置项一、前言二、只需要在项目的根目录下新建 vue.config.js 文件（是根目录，不是src目录） 一、前言 Vue-cli3 搭建的项目 相比较Vue-cli2界面相对较为简洁，之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配呢？ 二、只需要在项目的根目录下新建 vue.config.js 文件（是根目录，不是src目录...
Vue cli4构建一个简单的CRM项目(一)
dreamingbaobei的博客
03-12 705
在windows系统搭建VUE环境(安装vue-cli4)中我们使用默认配置创建一个项目hello-world，这次我们首先用图形化界面来创建一个项目。 在命令行中输入下面的命令打开一个浏览器窗口 vue ui 安装这个页面的引导我们来创建一个项目hello-word2,在预设中选择手动配置项目，在功能中做如下选择 在配置中做如下选择 点击创建项目然后等待即可。 ...
Vue.config.js常用配置详解
Y18870954401的博客
07-19 2151
在生产环境下，将 publicPath 设置为 /sub-directory/ ，在开发环境下，将 publicPath 设置为 /。摘要：本文将介绍Vue.config.js中常用的配置选项，包括publicPath、outputDir、devServer、chainWebpack等，并提供相应的代码示例，帮助读者更好地理解和配置Vue项目。在上述示例中，我们将开发服务器的端口设置为 8080 ，并配置了一个代理，将以 /api 开头的请求代理到 http://localhost:3000。
【Vue】---Vue.config常用配置项
weixin_30838921的博客
07-05 156
一、前言 　　Vue-cli3 搭建的项目 相比较Vue-cli2界面相对较为简洁，之前的build和config文件夹不见了，那么应该如何配置 如webpack等的配呢？ 二、基本配置 　　只需要在项目的根目录下新建 vue.config.js 文件（是根目录，不是src目录） const path = require('path') module.exp...
vue.config.js常用配置-cli3.0
weixin_46759393的博客
03-31 132
vue.config.js常用配置-cli3.0 先给个官方文档的链接:https://cli.vuejs.org/zh/config/ 'use strict' const path = require('path'); const webpack = require('webpack'); const nowRun = process.env.VUE_APP_TITLE;//当前运行 const name = 'xxx后台管理系统'; //浏览器头部得标题 function resolve(dir)
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值