Vue CLI 3中如何加载vue.config.js

在使用Vue CLI 3创建项目时，可以在项目的根目录下创建一个名为vue.config.js的文件，用于配置项目的各种选项。要加载和使用vue.config.js文件，需要进行以下步骤：

1. 创建vue.config.js文件
   在项目的根目录下创建一个名为vue.config.js的文件。这个文件可以包含任何你需要的配置选项，例如模块解析、插件、编译选项等。
2. 编写配置代码
   在vue.config.js文件中编写配置代码。例如，你可以配置Webpack来更改构建输出、添加Babel插件、配置CSS等。具体的配置选项取决于你的项目需求。
   以下是一个简单的vue.config.js示例，用于配置Webpack：

   const VueLoaderPlugin = require('vue-loader/lib/plugin')
   const path = require('path')
   module.exports = {
   configureWebpack: {
   resolve: {
   alias: {
   '@': path.resolve(__dirname, 'src') // 将src目录下的文件引入时使用别名@
   }
   }
   },
   plugins: [
   new VueLoaderPlugin() // 必须添加VueLoaderPlugin插件
   ]
   }

   在这个示例中，我们通过配置resolve.alias选项将src目录下的文件引入时使用别名@，这样就可以方便地引入本地模块。同时，我们还必须添加VueLoaderPlugin插件来处理Vue单文件组件。
3. 运行项目时加载vue.config.js
   当你运行项目时，Vue CLI会自动加载并应用vue.config.js中的配置选项。你可以通过运行以下命令来启动项目：

   npm run serve

   或者如果你使用yarn：

   yarn serve

   当项目启动时，Vue CLI会自动读取并应用vue.config.js中的配置选项。这样你就可以根据需要自定义项目的构建过程和输出结果。
   需要注意的是，在开发过程中，任何对vue.config.js的更改都需要重新启动开发服务器才能生效。如果你对配置进行了更改并希望立即看到效果，可以手动停止开发服务器并重新启动。
   通过以上步骤，你就可以在Vue CLI 3中加载和使用vue.config.js文件来配置你的项目了。请根据你的项目需求和实际情况进行适当的配置和调整。