样式冲突原因：样式会继承，子组件会继承父组件；样式都会写入style标签。解决方法：BEM、scoped、模块化 npm i node-sass sass-loader -S安装环境 方法1 样式定义: 样式要以类或者id 打头作为选择器 方式 ...

那么如何解决CSS命名问题？ 我们看一下CSS是怎么规范的：使用有意义的或通用的ID和class命名。ID和class的命名应反映该元素的功能或使用通用名称，而不要用抽象的晦涩的命名。反映元素的使用目的是首选；使用通用名称代表该元素不表特定意义，与其同级元素无异，通常是用于辅助命名；使用 ...

module——CSS模块化。 我们在开发中最常用的模块化指令就是@import，后来新版本的 Sass ...

为什么要CSS模块化？ 你是否为class命名而感到苦恼？ 你是否有怕跟别人使用同样class名而感到担忧？ 你是否因层级结构不清晰而感到烦躁？ 你是否因代码难以复用而感到不爽？ 你是否因为common.css的庞大而感到恐惧？ 如果有，恭喜你来对了地方！本文 ...

全局都是用的css文件不进行模块化，只在单个文件使用的css文件模块化处理 1.在app.js中引入 2.在webpack.config.js文件的rules配置相应的包含，不包含规则 { test ...

前言：所有内容与示例源码源于基思·J·格兰特的《深入解析css》，文章用于笔记整理。文章示例源码仓库；书籍源码仓库 引入 掌握浏览器如何渲染CSS很重要，了解如何在项目中编写和组织CSS也很重要。组织CSS代码使其更易于理解和维护。 模块化CSS（Modular CSS）是指把页面 ...

Vue风格指南中介绍了单文件组件中的Style是必须要有作用域的，否则组件之间可能相互影响，造成难以调试。 在Vue Loader Scope CSS和Vue Loader CSS Modules两节中介绍了Vue实现CSS模块化的两种方式。 下面对scoped和CSS Modules两种方式 ...

通过create-react-app脚手架生成一个项目 然后运行npm run eject 把webpack的一些配置从react-scripts模块弹射出来， 方便自己手工增减，暴露出来的配置文件在app/config下面。 1、antd样式按需加载 用到 ...