module.exports = {
runtimeCompiler: true, // 运行时编译器的 Vue 构建版本。设置为 true 后你就可以在 Vue 组件中使用 template 选项了,但是这会让你的应用额外增加 10kb 左右。
lintOnSave: false, // 关闭ESLint编译
chainWebpack: config => {//热替换
// 修复HMR
config.resolve.symlinks(true);
},
configureWebpack : {
resolve: {
extensions: ['.js', '.vue', '.json'],//可不写的扩展名
alias: {//设置文件查找路径
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
'components': resolve('src/components'),
}
},
},
css: { // CSS 相关的 loader 传递选项
loaderOptions: {
postcss: {
plugins: [
]
}
}
},
devServer: {
proxy: {//如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。
'/api': {//解决跨域问题
target: 'http://localhost:4000',//代理服务器
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
},
}
vue脚手架4 ,vue.config.js的简单配置
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- vue-config-js配置参考 vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js...
- 确认过眼神,你还是没有准备秋招的人?时间仓促。自京东6月8号开启管培生的招聘,就意味着秋招的开始。然而你还在等着秋...