Vue-cli3以上版本怎么配置Webpack
vue-cli3以下版本中,关于webpack的一些配置都在config目录文件中,可是vue-cli3以上版本中,没有了config目录,那该怎么配置webpack呢?
这时,vue-cli给我们提供了一个可选的配置文件(但需要我们自己手动创建哦vue.config.js,跟package.json同级)
看下vue.config.js中常用的配置
module.exports = {
}
- publicPath:部署应用包的基本Url,默认/, 可以设置为相对路径./,这样打出来的包,可以部署到任意路径上
publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
- outputDir:打包后生成的目录,默认dist
outputDir: 'dist',
- assetsDir:打包后生成的静态资源目录,默认“ ”
assetsDir: 'static',
- productionSourceMap:生产环境的 source map,可以将其设置为 false 以加速生产环境构建,默认值是true
productionSourceMap: false,
- lintOnSave:开发环境下关闭eslint检查
lintOnSave: false,
- devServer:{},可通过 devServer.proxy解决前后端跨域问题
devServer: {
proxy: {
'/api': {
target: '<url>',
ws: true,
changeOrigin: true//可否跨域
},
pathRewrite: {
'^/api': '' //重写接口,去掉/api
}
}
}