vue cli3+ 搭建的vue项目中的vue.config.js相关简单配置

最新推荐文章于 2022-09-04 18:22:33 发布

Ace.三阶斗尊

最新推荐文章于 2022-09-04 18:22:33 发布

阅读量459

点赞数

分类专栏： Vue 文章标签： vue.js vue.config.js

本文链接：https://blog.csdn.net/qq_42231156/article/details/106955718

版权

本文档介绍了如何使用vue cli3搭建的Vue项目中进行vue.config.js的配置。参考了相关教程并提供了官方链接，帮助开发者理解并创建vue.config.js文件。

摘要由CSDN通过智能技术生成

0. 参考：https://www.jianshu.com/p/b358a91bdf2d

1. vue cli官网：https://cli.vuejs.org/zh/

2. vue.config.js：如果没有，就在根目录下创建一个vue.config.js文件。

const path = require('path')
const resolve = dir => path.join(__dirname,dir)
module.exports={
    baseUrl:process.env.NODE_ENV ==='procution'?'/static-prd':'/',  //配置基本文件，根据开发环境或者生产环境，生产环境配置为域名下的/static-prd,开发环境就是根部目录下。
    lintOnSave:false, //保存时是否校验eslint
    productionSourceMap:false,  //打包时是否生成.map文件，减少打包体积
    outputDir: 'www',  //打包输出的文件名，默认是dist文件
    publicPath: './',  //打包输出的位置
    chainWebpack: config => {  //开发环境高阶设置
        config.resolve.alias
            .set('@',resolve('src')) //设置@代替src文件ÿ