转自：https://www.yuque.com/dukang-hfttn/mo27v1/flcggg

    1. const path = require('path')
    2. const resolve = dir => path.join(__dirname, dir)
    4. console.log('=======开始编译=======')
    6. // 在发送请求之前重写路径
    7. // '/api': {
    8. //   target: 'http://api.xxxxx.com',
    9. //   ws: true,
    10. //   changOrigin: true,
    11. //   pathRewrite: {
    12. //     '^/api': ''
    13. //   }
    14. // }
    16. module.exports = {
    17.   // 基本路径
    18.   baseUrl: process.env.NODE_ENV === 'production' ? '/production-sub-path/' : '/',
    19.   // 它支持webPack-dev-server的所有选项
    20.   devServer: {
    21.     open: true, // 自动打开浏览器
    22.     host: 'vue.xxxxx.com', // 配置启动域名或IP
    23.     port: 80, // 端口号
    24.     https: false, // 是否开启HTTPS
    25.     hotOnly: false,
    26.     // 设置代理
    27.     proxy: {
    28.       '/api': {
    29.         target: 'http://api.xxxxx.com',
    30.         ws: true,
    31.         changOrigin: true
    32.       }
    33.     },
    34.     before: app => {}
    35.   },
    36.   // 构建输出目录
    37.   outputDir: 'dist',
    38.   // 静态资源目录 (js, css, img, fonts)
    39.   assetsDir: 'assets',
    40.   // 是否开启eslint保存检测，有效值：ture | false | 'error'
    41.   lintOnSave: true,
    42.   // 运行时版本是否需要编译
    43.   runtimeCompiler: true,
    44.   // 默认babel-loader忽略mode_modules，这里可增加例外的依赖包名
    45.   transpileDependencies: [],
    46.   /**
    47.   * 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    48.   *  打包之后发现map文件过大，项目文件体积很大，设置为false就可以不输出map文件
    49.   *  map文件的作用在于：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。
    50.   *  有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
    51.   * */
    52.   productionSourceMap: true,
    53.   // webpack配置，值位对象时会合并配置，为方法时会改写配置
    54.   configureWebpack: config => {},
    55.   /**
    56.    * webpack链接API，用于生成和修改webapck配置
    57.    * 配置路径别名
    58.    * @Author    杜康
    59.    * @DateTime  2018-09-20T15:28:18+0800
    60.    * @copyright Copyright©杜康
    61.    * @version   [version]
    62.    * @param     {[type]}                 config [description]
    63.    * @return    {[type]}                        [description]
    64.    */
    65.   chainWebpack: config => {
    66.     config.resolve.alias
    67.       .set('@', resolve('src'))
    68.       .set('assets', resolve('src/assets'))
    69.       .set('router', resolve('src/router'))
    70.       .set('store', resolve('src/store'))
    71.       .set('components', resolve('src/components'))
    72.       .set('views', resolve('src/views'))
    73.       .set('utils', resolve('src/utils'))
    74.       .set('api', resolve('src/api'))
    75.       .set('styles', resolve('src/styles'))
    76.       .set('menus', resolve('src/menus'))
    77.   },
    78.   // 配置高于chainWebpack中关于css loader的配置
    79.   css: {
    80.     /**
    81.      * 是否开启支持‘foo.module.css’样式
    82.      * 建议关闭,开启后会报ElementUI组件找不到的问题
    83.      * @type {Boolean}
    84.      */
    85.     modules: false,
    86.     /**
    87.      * 是否使用css分离插件
    88.      * ExtractTextPlugin，采用独立样式文件载入，
    89.      * 不采用<style>方式内联至html文件中
    90.      * @type {Boolean}
    91.      */
    92.     extract: true,
    93.     // 是否在构建样式地图，false将提高构建速度
    94.     sourceMap: false,
    95.     // css预设器配置项
    96.     loaderOptions: {
    97.       css: {
    98.         localIdentName: '[name]',
    99.         camelCase: 'only'
    100.       },
    101.       stylus: {}
    102.     }
    103.   },
    104.   // 构建时开启多进程处理babel编译
    105.   parallel: require('os').cpus().length > 1,
    106.   // 第三方插件配置
    107.   pluginOptions: {},
    108.   // 单页插件相关配置 https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-pwa
    109.   pwa: {}
    110. }