vue cli3之vue.config.js配置

Posted ak-b

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue cli3之vue.config.js配置相关的知识,希望对你有一定的参考价值。

const path = require('path')
function resolve(dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  // publicPath: process.env.NODE_ENV === 'production'?'/':'/',
  // i18n
  chainWebpack: config => {
    config.module
      .rule('i18n')
      .resourceQuery(/blockType=i18n/)
      .type('javascript/auto')
      .use('i18n')
      .loader('@kazupon/vue-i18n-loader')
      .end()
      //配置别名
    config.resolve.alias
      .set('@', resolve('src'))
      .set('components', resolve('src/components'))
      .set('views', resolve('src/views'))
      .set('utils', resolve('src/utils'))
  },
  //打包后关闭sourece map
  productionSourceMap: false,
  //跨域
  devServer: {
    proxy: {
      '/apk': {
        target: 'https://gitee.com',
        changeOrigin: true,
        pathRewrite: {
          '^/apk': ''
        }
      }
    }
  }
}

以上是关于vue cli3之vue.config.js配置的主要内容,如果未能解决你的问题,请参考以下文章

vue cli3.0 给路径起别名 vue.config.js

@vue/cli3+配置build命令构建测试包&正式包

vue.config.js常用配置

vue cli3项目打包部署到tomcat服务器运行

vue cli3 配置全局sass变量

vue cli3打包后看不见页面