vue中vue.config.js的作用

在 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 压缩文件等。

相关问题

vue2中没有VUE.Config.js，该怎么配置Vue.config.js？

在Vue 2中，可以通过在main.js文件中添加以下代码来配置Vue：

Vue.config.optionMergeStrategies.myCustomOption = function(toVal, fromVal) {
  return toVal || fromVal
}

Vue.config.devtools = true
Vue.config.productionTip = false

其中，myCustomOption是自定义的配置选项，devtools选项用于开启chrome/vue-devtools的调试工具，productionTip选项用于屏蔽生产环境的提示。

vue2中没有VUE.Config.js，该怎么配置Vue.config.js 的 chainWebpack

在Vue2中，你可以通过在项目根目录下的`vue.config.js`文件中进行配置。如果你想要配置`chainWebpack`，你可以按照以下方式进行：

module.exports = {
  chainWebpack: config => {
    // 在这里添加你的Webpack配置
  }
}

你可以在`config`对象上使用Webpack提供的所有配置项。例如，如果你想要添加一个新的loader，你可以使用以下代码：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('my-rule')
      .test(/\.my-extension$/)
      .use('my-loader')
      .loader('my-loader')
      .end()
  }
}

这将向Webpack添加一个新的规则，当遇到`.my-extension`的文件时，将使用`my-loader`进行处理。