Vue-cli3以上版本怎么配置Webpack

Vue-cli3以上版本怎么配置Webpack

vue-cli3以下版本中，关于webpack的一些配置都在config目录文件中，可是vue-cli3以上版本中，没有了config目录，那该怎么配置webpack呢？
这时，vue-cli给我们提供了一个可选的配置文件(但需要我们自己手动创建哦vue.config.js，跟package.json同级)
看下vue.config.js中常用的配置

module.exports = {

}

1. publicPath：部署应用包的基本Url，默认/, 可以设置为相对路径./,这样打出来的包，可以部署到任意路径上

 publicPath: process.env.NODE_ENV === 'production' ? './' : '/'

3. outputDir：打包后生成的目录，默认dist

 outputDir: 'dist',

5. assetsDir：打包后生成的静态资源目录，默认“ ”

 assetsDir: 'static',

7. productionSourceMap：生产环境的 source map，可以将其设置为 false 以加速生产环境构建，默认值是true

productionSourceMap: false,

9. lintOnSave：开发环境下关闭eslint检查

 lintOnSave: false,

10. devServer：{}，可通过 devServer.proxy解决前后端跨域问题

 devServer: {
    proxy: {
      '/api': {
        target: '<url>',
        ws: true,
        changeOrigin: true//可否跨域
      },
       pathRewrite: {
           '^/api': '' //重写接口，去掉/api
          }
     
    }
  }