webpack集成antd无法编译,没写任何代码只引用css就报少}符号?

在原有工程基础上安装了babel-plugin-import和antd,然后在.babelrc新增了配置
import为新增配置,如下图:
clipboard.png
原webpack.config.js配置不变
clipboard.png
clipboard.png
所有包如下图:
clipboard.png

入口文件中只有一行代码
import 'antd/dist/antd.css'
如果编译就直接报错,错误信息为:
Error: undefined:48:3: missing '}'
出错文件指向/node_modules/css/lib/parse/index.js:62:15)
实在想不出为啥这个文件会出错,尝试过注释CommonsChunkPlugin配置,报错依旧。
或者尝试将babelrc中的style配置成true,入口文件只调用组件,是可以出来的,但组件没样式。
麻烦谁了解的,请指导下。

阅读 2.6k
1 个回答

问题已经解决,发现是purifycss-webpack插件的问题,注释掉就好了,但是又有个新问题,按需加载貌似没有实现,单入口文件中就展示个日历组件,index就1.7m了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题