vue中vue.config.js的作用
时间: 2024-05-31 15:05:16 浏览: 299
vue - vue.config.js中devServer配置方式
在 Vue 项目中,vue.config.js 是一个可选的配置文件,它会被 @vue/cli-service 自动加载。该文件导出一个 JavaScript 对象,用于配置 Vue 项目的构建和开发环境。通过修改 vue.config.js 文件,我们可以对项目进行一些自定义的配置,例如配置 webpack、配置代理、配置全局样式等。
具体来说,vue.config.js 可以用来实现以下功能:
1. 配置代理:在开发时使用代理可以解决跨域问题,可以在 vue.config.js 中通过 devServer.proxy 属性进行配置。
2. 配置webpack:可以通过 chainWebpack 和 configureWebpack 属性来修改 webpack 配置。
3. 配置全局样式:可以通过 css.loaderOptions 属性来配置全局样式,例如引入 less、sass 等预处理器。
4. 配置打包输出路径和文件名:可以通过 outputDir 和 filenameHashing 属性来进行配置。
5. 其他一些自定义配置:例如在构建时生成 gzip 压缩文件等。
阅读全文