babel-plugin-import是一款babel插件,在编译过程中将import的写法自动转换成按需引入的方式
今天在使用antd-mobile时，按照文档说明想引入babel-plugin-import发现怎么都不生效。在此记录解决方法。
首先是安装方法
cnpm install babel-plugin-import --save-dev
1.运行
npm run eject
//暴露react的配置，不然很多配置不显示出来，包括现在需要使用到的babel配置
2.打开package.json 文件，找到
"babel": {
"presets": [
"react-app"
]
3.添加antd-mobile 相关babel-plugin-import的配置
"babel": {
"presets": [
"react-app"
],
"plugins":
[
[
"import",
{
"libraryName": "antd-mobile",//注意此处为当前要按需引入的库名
"libraryDirectory": "es",
"style": "css"
}
]
]
}
