webpack 中处理 css

在我们日常使用的 css 组织来说，css-loader、style-loader 是必不可少的。那一般如何组织 css 呢?

  • cssModule css-loader 中配置 module 可以开启模块化，防止类名污染，实现 css 局域化 缺点：生成的 className 语义化降低
  • postCss 兼容性强以及写法前置，集成了 css-next 以及 autoprefix、css in js、css module 等众多特点，可选配置，人性化
  • less\sass\stylus css 预处理器 增加变成的特性，无需考虑兼容的问题，可以使用变量、函数等，不过 postCss 都支持。