react中使用普通的css样式表会造成作用域的冲突，css定义的样式的作用域是全局，在Vue 中我们还可以使用scope来定义作用域，但是在react中并没有指令一说，所以只能另辟蹊径了。下面我将简单记录并介绍一下在webpage配置实现css 的模块化。 webpack的配置 ...

在多人合作完成网页，经常遇到大家的js代码相互影响的问题。现在有许多模块化的前端框架，应该是可以解决这个问题。但本人并非前端开发人员，那些框架都没用过，只对jQuery相对熟悉，就想用jQuery来解决这个问题。 首先相互影响主要有两个方面，一是js代码中定义的function名 ...

背景 自es6以前，JavaScript是天生模块化缺失的，即缺少类似后端语言的class， 作用域也只以函数作为区分。这与早期js的语言定位有关， 作为一个只需要在网页中嵌入几十上百行代码来实现一些基本的交互效果的脚本语言， 确实用不着严格的组织代码规范。但是随着时代的发展，js承担的任务 ...

js模块化 这是一篇关于js模块化历程的长长的流水账，记录js模块化思想的诞生与变迁，展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑，没经历过的人也应该知道这段历史。 无模块时代 在ajax还未提出之前，js还只是一种“玩具语言 ...

那么如何解决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 ...