babel-plugin-import不生效的问题
来源:互联网 发布:up to date数据库官网 编辑:程序博客网 时间:2024/05/21 07:58
转载自:点击打开链接
问题描述:
使用create-React-app生成项目,然后eject,然后安装了antd和babel-plugin-import依赖包,按antd官网的说明在babelrc里面加了配置:
{
"plugins": [
["import", { libraryName: "antd", style: "css" }]
]
}
大概2016年10月份按这个流程构建的项目,是没有任何问题的,但是今天重新构建一遍之后,发现babel-plugin-import并没有生效,浏览器还是警告:You are using a whole pachage of antd,而且antd的组件都没有样式
解决:
在webpack配置文件的loader配置里面来配置antd,即:
loaders: [
...
{
text: /\.(js|jsx)$/,
include: paths.appSrc,
loader: 'babel',
query: {
cacheDirectory: true,
plugins: [["import", { libraryName: "antd", style: "css" }]]
}
},
...
]
问题解决。
即,配置babel-plugin-import有两种方式,可以在babelrc里面,也可以在webpack里面,但是当前版本下在babelrc里面配置就会出现不生效的问题。
阅读全文
0 0
- babel-plugin-import不生效的问题
- babel-plugin-import不生效的问题
- babel-plugin-import
- react中使用AntDesign库 --- babel-plugin-import 配置
- babel引起的import无法正常转换成es5的问题
- 输入法切换快捷键不生效的问题
- Android中setHeight不生效的问题
- 修改php.ini不生效的问题
- PHP参数修改不生效的问题
- crontab ntpdate不生效的问题
- alarmmanger set 不生效的问题
- ButterKnife 8.0.1不生效的问题
- @Transaction注解不生效的问题
- ButterKnife 8.0.1不生效的问题
- 跑马灯不生效的问题
- z-index的用法,不生效问题
- 如何解决.gitignore不生效的问题
- 记一次 @Transactional不生效的问题
- Trailing Zeroes (III) (数论(二分查找值,规律))
- Spring Boot学习笔记-Nginx+Jar包部署项目
- Unity3D学习(16)之初识DDD
- 文章标题
- 今天收到阿里巴巴一个电话面试
- babel-plugin-import不生效的问题
- [二进制分组 dsu on tree 二次函数] Codechef KILLER Painting Tree
- C++上机实验五——数组1
- linux内核分析1--反汇编分析
- 浅谈动态代理
- DFS的两种非递归的实现方法
- 图像处理与识别学习小结
- 吴恩达2014机器学习TIPS记录(第一周至第六周)
- 微服务学习笔记一:Spring Cloud简介