babel-plugin-import插件可以帮助用户进行第三方UI的按需加载,例如ant vue
引入项目的过程如下:
首先安装
npm install babel-plugin-import --save-dev
然后还需要安装less 和 lessloader
npm install less-loader --save-dev
npm install less --save-dev
安装完成后找到vue cli创建的.babelrc文件中,增加以下内容变为如下格式:
{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-vue-jsx", "transform-runtime", ["import",{"libraryName":"ant-design-vue","style":true}] ] }
就是增加import的内容
如果发现增加后报错不能编译,请手动将less和lessloader的版本降低,重新安装即可