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-loader','css-loader?modules&localIndexName=[path][name]-[local]-[hash:6]','sass-loader'] },
         { test:/\.ttf|woff|woff2|eot|svg$/,use:'url-loader' }
  ]
}