# 科普文章：Vue.config.js配置文件详解
## 简介
Vue.config.js是Vue项目中的配置文件，用于配置项目的构建和开发环境。通过修改这个配置文件，可以实现对项目的一些定制化设置，例如修改端口号、代理请求、添加全局样式等。在本篇文章中，我将通过一个详细的步骤指导你如何使用vue.config.js配置文件来对Vue项目进行定制化设置。
## 步骤表格
| 步骤 |
使用vue inspect > output.js可以查看到Vue脚手架的默认配置。使用vue.config.js可以对脚手架进行个性化定制，详情见：https://cli.vuejs.o
原创
2022-12-21 10:16:29
89阅读
const webpack = require('webpack')const path = require('path') // const CompressionWebpackPlugin = require('compression-webpack-plugin');const productionGzipExtensions = ['js', 'css']module.exports
转载
2019-08-16 11:54:32
2274阅读
vue配置文件笔记 vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会
原创
2022-11-10 13:40:37
111阅读
vue-config-js配置参考 vue-cli3 脚手架搭建完成后，项目目录中没有 vu
原创
2022-06-20 23:12:12
399阅读
vue-config-js配置参考vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建创建vue.config.jsvue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字
转载
2020-08-26 12:10:45
3402阅读
在vue.config.js中配置const path = require('path');//引入path模块function resolve(d
原创
2022-09-13 12:20:55
330阅读
https://www.jianshu.com/p/b358a91bdf2dvue-config-js配置参考vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建
创建vue.config.jsvue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/c
转载
2020-03-14 22:00:00
352阅读
2评论
1. 项目打包之后默认放在dist文件中，可以通过outputDir，assetsDir，indexPath改变默认打包位置。 module.exports = { outpurDir: './Web', // 文件打包生成环境构建文件目录，默认为dist目录 assetsDir: 'vue-adm ...
转载
2021-10-19 10:20:00
562阅读
2评论
const path = require('path')const webpack = require('webpack')const createThemeColorReplacerPlugin = require('./config/plugin.config')function resolve (dir) { return path.join(__dirname, dir)}const isProd = process.env.NODE_ENV === 'production'.
原创
2021-07-05 15:57:48
1307阅读
const path = require('path')const webpack = require('webpack')const createThemeColorReplacerPlugin = require('./config/plugin.config')function resolve (dir) { return path.join(__dirname, dir)}
原创
2022-01-30 17:48:03
1186阅读
module.exports = { // publicPath:process.env.NODE_ENV === 'production' ? '/vue_workspac/aihuhuproject/' : '/', //基本路径 publicPath: './',//默认的'/'是绝对路径，如果不确定在根路径，改成
原创
2021-11-12 11:27:24
1268阅读
根目录 创建 vue.config.js module.exports = { //Process.env.NODE_ENV : 环境变量中 存储的是开发环境还是 生产环境// publicPath: Process.env.NODE_ENV 'production' ? 'www' : '/',/
原创
2021-07-28 15:44:12
504阅读
/** * *@2018-10-08 * *@author trsoliu * *@describe vue-cli 3.x配置文件 */const path =
原创
2022-11-18 00:17:42
58阅读
const path = require("path"); const webpack = require("webpack"); const px2rem = require("postcss-px2rem"); function resolve(dir) { return path.join(_ ...
转载
2021-10-09 21:02:00
262阅读
2评论
'use strict' const path = require('path') const defaultSettings = require('./src/settings.js') function resolve(dir) { return path.join(__dirname, dir ...
转载
2021-07-29 10:42:00
828阅读
2评论
const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { configureWebpack: { resolve: { alias: { '@' ...
转载
2021-10-08 15:44:00
908阅读
2评论
module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */ /* baseUrl: process.env.NODE_ENV === 'production' ? './' : '/' */ publicPath: process.env.NOD...
原创
2021-06-07 17:16:32
1388阅读
'use strict'const path = require('path')// const defaultSettings = require('./src/config/
原创
2022-11-18 00:02:21
153阅读
const path = require('path') const resolve = function (dir) { return
原创
2022-04-21 11:37:36
559阅读
