vue cli 3+项目配置vue.config.js

const path = require(‘path‘)
module.exports = {
  publicPath: ‘./‘, // 基本路径
  outputDir: ‘dist‘, // 输出文件目录
  lintOnSave: true, // eslint-loader 是否在保存的时候检查
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  // webpack配置
  chainWebpack: (config) => {
    // 以下相当于webpack的module配置
    // config.module
    //   .rule(‘ant-design-vue‘)
    //   .test(/(.jsx|.js)$/)
    //   .include
    //   .add(path.join(__dirname, ‘./node_modules/ant-design-vue‘))
    //   .add(path.join(__dirname, ‘./node_modules/ant-design-vue/es/icon‘))
    //   .end()
    //   .use(‘babel‘)
    //   .loader(‘babel-loader‘)
  },
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === ‘production‘) {
      // 为生产环境修改配置...
      config.mode = ‘production‘
    } else {
      // 为开发环境修改配置...
      config.mode = ‘development‘
    }
    // Object.assign(config, {
    // //   开发生产共同配置
    //   resolve: {
    //     alias: {
    //       ‘@‘: path.resolve(__dirname, ‘./src‘),
    //       ‘@c‘: path.resolve(__dirname, ‘./src/components‘),
    //       ‘@p‘: path.resolve(__dirname, ‘./src/views‘),
    //       ‘@m‘: path.resolve(__dirname, ‘./node_modules‘)
    //     } // 别名配置
    //   }
    // })
  },
  productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
  // css相关配置
  css: {
    extract: true, // 是否使用css分离插件 ExtractTextPlugin
    sourceMap: false, // 开启 CSS source maps?
    loaderOptions: {
      css: {}, // 这里的选项会传递给 css-loader
      less: {
        // http://lesscss.org/usage/#less-options-strict-units `Global Variables`
        // `primary` is global variables fields name
        globalVars: {
          primary: ‘#fff‘
        }
      }
    }, // css预设器配置项 详见https://cli.vuejs.org/zh/config/#css-loaderoptions
    modules: false // 启用 CSS modules for all css / pre-processor files.
  },
  parallel: require(‘os‘).cpus().length > 1, // 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
  pwa: {}, // PWA 插件相关配置 see https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
  // webpack-dev-server 相关配置
  devServer: {
    open: process.platform === ‘darwin‘,
    host: ‘‘, // 允许外部ip访问
    port: 8080, // 端口
    https: false, // 启用https
    overlay: {
      warnings: true,
      errors: true
    }, // 错误、警告在页面弹出
    proxy: ‘http://localhost:8080‘
    // 以下是详细的Proxy配置
    // proxy: {
    //   ‘/api‘: {
    //     target: ‘http://www.baidu.com/api‘,
    //     changeOrigin: true, // 允许websockets跨域
    //     // ws: true,
    //     pathRewrite: {
    //       ‘^/api‘: ‘‘
    //     }
    //   }
    // } // 代理转发配置，用于调试环境
  },
  // 第三方插件配置
  pluginOptions: {
  }
}