babel-plugin-import icon indicating copy to clipboard operation
babel-plugin-import copied to clipboard

按需加载的路由组件内部的antd样式build时失效

Open tangkai123456 opened this issue 7 years ago • 7 comments

运行

yarn run build

使用getComponent加载的路由组件内的antd组件css不会被打包。但在index.js中import的组件的antd的css会正常打包

tangkai123456 avatar May 12 '17 07:05 tangkai123456

我也出现这个问题 ,解决了没?

--- 解决了 webpack.config.dev.js webpack.config.prod.js 两个文件都要加

Jungley8 avatar Jun 08 '17 03:06 Jungley8

同求,code splitting后的路由组件中,使用extract-text-webpack-plugin后css没有被打包,js是正常的,没有异步加载的组件中,css和js都是正常的,发现这个问题,在antd的issue区 也反复有人提及,始终没有解决

nalantianyi avatar Jun 20 '17 12:06 nalantianyi

https://github.com/ant-design/ant-design/issues/5025#issuecomment-282642242 See reply of @flyinghail

afc163 avatar Jun 20 '17 12:06 afc163

@afc163 感觉这两个根本就不是一个问题。

nalantianyi avatar Jun 20 '17 12:06 nalantianyi

@nalantianyi 我也遇到同样的问题。 css 根本就没有被打包就来。而且用 import { Button } from ‘antd’ 包反而比 import Button from 'antd/lib/button' 打出来的包变大了。

sym900728 avatar Jul 10 '17 06:07 sym900728

@sym900728 你的问题我估计是babel-plugin-import的配置问题,这个插件没有生效的情况下肯定是前者写法比后者要大的。因为全部打包了。 我提出的问题,后来发现是因为extract-text-webpack-plugin和webpack的code spliting导致的。

nalantianyi avatar Jul 10 '17 07:07 nalantianyi

同样遇到这个问题,求解决方法

ForeverPx avatar Aug 08 '18 12:08 ForeverPx