使用Vue CLI 3快速创建项目 / 自定义Webpack和Babel配置

1. 使用Vue CLI快速创建项目

选择自定义配置创建：

2. 坑点1

在创建完项目后，用VS Code打开项目，启动项目：npm run serve

• 在入口文件中引入组件:
  

• 在App.vue中更改：
  

• 重新启动项目，报错：

  

解决方法：

• 在项目文件夹下新建vue.config.js文件

• 写入下面内容：
  

3. 按需引入组件

• 安装插件：npm i --save-dev babel-plugin-import
• 在babel.config.js文件里进行相关配置：
  
• 在main.js中更改引入组件的代码：