样式学习

原创于 2018-11-15 10:58:14 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

vue 同时被 2 个专栏收录

83 篇文章

订阅专栏

css

52 篇文章

订阅专栏

本文对比了Vue中Scoped CSS与CSS Module的特点与使用场景。Scoped CSS用于局部样式隔离，但存在加载速度较慢的问题；CSS Module则提供更灵活的模块化样式管理，推荐使用。同时介绍了postcss及其插件autoprefixer和postcss-pxtorem在前端开发中的作用。

1.Vue中scoped css和css module比较
 https://www.cnblogs.com/macq/archive/2018/05/17/9051097.html

1. <style scoped><style/>

vue-loader vue永webpack来安装时候的一个包，

链接：https://vue-loader.vuejs.org/zh/#vue-loader-%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F

css module

https://vue-loader.vuejs.org/zh/guide/css-modules.html#%E7%94%A8%E6%B3%95 ，
总的来说推荐css module，因为scoped css主要比较慢
2. postcss ,是一个平台，基于它有很多的插件，比如
其原理是：当前页面和html 确定一个rem，然后这个rem就确定下来了，接下来，当html变化的时候，rem比例不变，HTML变大，字体就变大了。

autoprefixer  会自动加前缀，解决不同浏览器的兼容性问题，
postcss-pxtorem    会自动把px 转化为rem