首頁猿問 webpack打包c(diǎn)ss順序問題

webpack打包c(diǎn)ss順序問題

JavaScript

慕哥9229398 2019-02-16 14:18:45

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

查看完整描述

1 回答

MMTTMM

TA貢獻(xiàn)1869條經(jīng)驗(yàn) 獲得超4個贊

按從入口開始推入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，
此情況盡量避免。

反對回復(fù) 2019-02-19