跳到主要内容

CSS 工程化

PostCSS​

image-20210117152735895

1.postcss 的能力来源​

image-20210117152829332

2.postcss 好用的插件​

  • import 模块合并
  • autpprefixier 自动加前缀
  • cssnano 压缩代码
  • cssnext 使用 css 新特性
  • precss 可以使用 变量 Mixin 循环等

cssnext​

image-20210117160641825

precss​

image-20210117162038033

postcss 构建工具​

image-20210117162659844

webpack 使用 loader 进行加载 css 文件​

image-20210117165350586​

image-20210117165421013

image-20210117165514200

image-20210117165529310