
webpack
TianNicholas
一路走来,雕刻时光,记录点滴。
合作可 email - cheungdennis@foxmail.com
展开
-
React中css模块化注意第三方UI
React中css模块化注意第三方UI库CSS样式有可能被模块化第三方UI库一般样式都是以css结尾 可以约定使用scss或者less文件作为模块化处理,不对css文件进行模块化,这样就可以正常使用第三方UI webpack配置改为如下只针对scss文件module:{ rules:[ { test:/\.css/,use:['style-loader','css-loader'] }, { test:/\.scss/,use:['style-loa...原创 2020-07-30 14:59:32 · 267 阅读 · 0 评论 -
webpack项目中启用sass
安装sass-loader node-sass(内部依赖)npm i sass-loader node-sass -Dwebpack配置module:{ rules:[ { test:/\.scss/,use:['style-loader','css-loader','sass-loader'] } ]}原创 2020-07-30 14:52:17 · 720 阅读 · 0 评论 -
CSS样式文件相关loader
1、style-loader、css-loader前者动态生成style标签挂载样式 后者处理css文件依赖安装npm istyle-loadercss-loader -Dwebpack配置注意先后顺序,一定要写loadermodule:{ rules:[ { test:/\.css/,use:['style-loader','css-loader?modules&localIndexName=[path][name]-[local]-[has...原创 2020-07-30 14:40:55 · 194 阅读 · 0 评论