vue中vue-config.js简单配置---实用

const TerserPlugin = require('terser-webpack-plugin')

module.exports = {

  configureWebpack: config => {

    //百度地图配置

    config.externals={

      "BMap": "BMap"

    };

    // config.externals = {

    //   AMap: 'AMap',

    //   AMapUI: 'AMapUI'

    // }

    if (process.env.NODE_ENV === 'production') {

      // 为生产环境修改配置...

      config.mode = 'production'

      // 将每个依赖包打包成单独的js文件

      let optimization = {

        minimize: true,

        minimizer: [

          new TerserPlugin({

            cache: true,

            parallel: true,

            sourceMap: true,

            terserOptions: {

              compress: {

                drop_console: true,

                drop_debugger: true,

                pure_funcs: ['console.log']

              }

            }

          })

        ]

      }

      Object.assign(config, {

        optimization

      })

    } else {

      // 为开发环境修改配置...

      config.mode = 'development'

    }

  },

  devServer: {

    // open: process.platform === 'darwin',

    host: '0.0.0.0',

    port: 8082,

    disableHostCheck: true,

    proxy: {

      '/api': {

        // target: 'http://sj.teud.cn:8022',

        target: 'http://pnce.jd.cn:8042',

        changeOrigin: true,

        // pathRewrite: {

        //   '^/api': ''

        // }

      },

      '/gunsApi': {

        // target: 'http://rj.teoud.cn:8052',

        target: 'http://xya.dud.cn:8082/'

        changeOrigin: true

      }

      }

    }

}