create-react-app 搭建的項目中,使用 CSS Modules

create-react-app 搭建的項目中,使用 CSS Modules:

修改config目錄下 webpack.config.dev.js 和 webpack.config.prod.js 文件:css

loader: require.resolve('css-loader'),
                options: {
                  importLoaders: 1,
                  // 新增下面2行
                  modules: true,
                  localIdentName: '[name]__[local]__[hash:base64:5]'
                },

CSS Modules 與 stylus 結合:

create-react-app引入stylus說明:http://www.cnblogs.com/cag2050/p/8889151.html
分別修改config目錄下 webpack.config.dev.js 和 webpack.config.prod.js 文件中,styl對應的處理部分,詳見github項目。html

讓 CSS Modules 不做用於 node_modules 裏的內容:

若是想開啓css的css modules功能,就比較麻煩點;除了針對css開啓css modules,還須要須要針對antd的css 單獨寫一條loader的規則,不開啓 css modules。
參考:https://www.jianshu.com/p/51ff1c8be301
此項目中手動引入:import 'antd/dist/antd.css'
node

相關文章
相關標籤/搜索