css模組化，通過require引入樣式這種方式，優點是：解決了命名衝突和全域性汙染的問題
如何使用：
1. 安裝css-loader依賴
npm install style-loader css-loader
-d
// footer.css
.footer
.footer
h1
// 匯入css檔案
var footercss = require('../../css/footer.css')
export default
class
componentfooter
extends
react.component
}
將引入的css賦值給變數footercss，console出來為：，使用類名footercss.footer時，由於webpack中的配置，clsss名自動轉換為footer_footer__3nzvw，使其唯一。
React樣式的模組化
在react中，為了解決不同介面中具有相同類名導致樣式衝突的問題，從而產生了樣式的模組化，類似於vue中的scoped指令。在webpack.config.js檔案中，新增modules引數，啟用css的模組化。localidentname是設定生成的類名的格式。一般，我們使用的第三方ui元件，他們...
css模組化策略
block element modifier 塊 元素 修飾封裝靠人為約定。繼承靠層疊特性。分治性強，復用性強。button button disabled button error button in progressprocessing.缺點 人為約定總是不靠譜，有人覆蓋了就呵呵噠。分治性強，復...
webpack之css模組化
前言 本文演示了 開啟css loader的模組化配置 當前專案目錄和package.json配置 如何使css模組化？需要在我們的webpack.config.js中對css loader進行一些額外設定。編輯main.css 執行 npm run dev 瀏覽器截圖如下 可以看出瀏覽器控制台列印...