4回答

Rosen

2018-04-12

已采纳

在webpack的逻辑里，一切都是模块，所以可以require任何东西。

如果没有特殊处理，在js里require css文件的时候，会把css编译成一段js代码，而没有单独的css文件出来，这种情况下就是要等js都执行完了才能出现css的样式，这个js加载时间就都是白屏了。

但webpack里面提供了把css单独打包的工具，extract-text-webpack-plugin，就是这货，有了它，css不再被编译成一段js代码，而是弄成了一个css文件插入到html的head里，这样css会比js先加载，减少白屏时间。

这块相关知识推荐多看看浏览器的加载原理。

0

0

不败的德鲁大叔

提问者

2018-04-10

不是说把css文件引入js里，这样加载html页面的时候，有短暂的空白样式吗？？？？

不是很理解为什么要把css放在js文件里，求助老师。

0

0

不败的德鲁大叔

提问者

2018-04-10

解决了，问题在于我把index.js文件里的   require('./index.css');    这句代码删了，然后去打包就生成不了css文件夹了，为什么要把css文件引入到js里，才可以打包成功呢？？？？

0

0

不败的德鲁大叔

提问者

2018-04-10

卡了两天了求助

0

0