vue cli3.0 vue.config.js構成

自分がよく使うvueです.config.js構成

/**
 * vue.config   
 * @author maybe
 */
const path = require('path')
// const fs = require('fs')
// __dirname         js        
const resolve = dir => {
  return path.join(__dirname, dir)
}
//       
//      ，                   ,
//   ：https://www.my-app.com/
//   ：'/'
//                ，          
//   ：https://www.foobar.com/my-app/
//       '/my-app/'
const BASE_URL = process.env.NODE_ENV === 'production'
  ? '/web'
  : '/'
module.exports = {
  baseUrl: BASE_URL,
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src')) // key,value    ，  .set('@@', resolve('src/components'))
      .set('_c', resolve('src/components'))
      .set('_conf', resolve('config'))
  },
  assetsDir: 'assets', //      (js,css,img,fonts)          
  //       .map  
  productionSourceMap: false,
  //       
  outputDir: 'maybe',
  // webpack-dev-server     
  devServer: {
    //       
    host: '0.0.0.0',
    //       
    port: 58777,
    //     
    proxy: {
      '/api': {
        //    API   
        //     
        target: 'http://127.0.0.1/api/',

        //       websockets
        ws: false,
        //              URL(    )
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}