vue配置文件 vue.config.js常用配置代码

2020年08月01日 前端开发 9点热度 0人点赞 0条评论

目前Vue虽说有Vue ui这种图形工具,但是有时候我们可能还是会需要用到vue.config.js这个配置文件,这个文件在我们使用Vue  cli 创建项目后一般是不存在的,需要我们在项目根目录手动去创建,今天就分离一部分vue配置文件常用的配置代码吧。

vue配置

vue配置

常用的vue.config.js常用配置代码及注释如下:

const path = require('path')

function resolve (dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  publicPath: '/',  // 配置项目根目录
  outputDir: 'dist',// 构建输出目录
  assetsDir: 'assets',// 静态资源目录
  lintOnSave: true,// 是否开启eslint检测,falase不开启,true开启
  productionSourceMap: true,// 生产环境下开启sourceMap支持断点调试
  devServer: {
    open: true, // 是否启动打开浏览器
    host: '0.0.0.0', // 主机,0.0.0.0支持局域网地址,可以用真机测试
    port: 8080, // 端口
    https: false,  //是否启动https
    // 配置跨域代理
    proxy: {
      '/api': {
        target: 'http://vueshop.glbuys.com/api',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  },
  configureWebpack: {
    devtool: 'source-map' //配置开发者环境sourceMap用于断点调试
  },
  
  // 别名配置
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('views', resolve('src/views'))
  }

}

以上就是今天分享的vue.config.js的配置文件代码,希望大家一起进步。

标签:

Kratos

保持饥渴的专注,追求最佳的品质

文章评论