Vue.js项目实战 : Ant Design Pro大型开源项目构建 实践笔记(1)

使用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中更改引入组件的代码:
    在这里插入图片描述
发布了33 篇原创文章 · 获赞 73 · 访问量 2784

猜你喜欢

转载自blog.csdn.net/weixin_46124214/article/details/104135391
今日推荐