鍍金池/ 問答/HTML5  HTML/ webpack打包css順序問題

webpack打包css順序問題

在webpack中用ExtractTextPlugin可以把所有的css打包到一起,但是現(xiàn)在有個問題,css打包出來的順序有問題,我希望base的css在最前面,module中的css在后面,這個該怎么整?
或者有沒有可以把css打包成兩個文件的,一個是common的css,另一個是其他的css文件?

回答
編輯回答
懶豬

按從入口開始推入css的書序打包,你可以把base放在入口處即可。
你可以使用 CommonsChunkPlugin 插件提取 common css,不過需要注意的是,此common必須是所有文件都會需要的,不然不需要的入口文件也會被引入此common,
如,
入口h1.js,h2.js 都包含c.css,入口h3.js不包含,如果CommonsChunkPlugin 的 minChunks 配置2,那么c.css 將會被打包成 common.css 引入到 h1,h2的輸出html中,但h3的輸出html也會引用此common.css,
此情況盡量避免。

2017年9月30日 03:41