前言对于浏览器来说，包括但不限于 JSX、TS、ES6+ 的代码并不能正常的在所有浏览器上渲染。为了解决这个问题 babel 应运而生。babel 可以解析这些代码，并将其转换为浏览器可兼容的低级 js 代码。 它工作时将根据 bro...

前言webpack 功能打包：将不同类型资源按模块处理打包 静态：打包最终产出静态资源 模块：webpack 支持不同规范的模块开发 需要 webpack 的场景当使用模块化开发时，尽管我们可以通过 type=module 的方式来使...

前言postcss 是一个通过 JavaScript 来转换样式的工具。它在使用上与 less 和 node-sass 类似，可直接对 css 进行添加浏览器前缀等处理，将其转为可兼容的 css 代码。 它工作时将根据 browser...

前言在 webpack 中，我们可以通过配置 babel、postcss 等工具来将 js、css 的高级语法兼容低版本浏览器。但为了让这些工具知道该将代码最低兼容到什么程度，我们需要来指定一个范围：应该兼容哪些平台。 在项目根目录下...

前言在variables.scss文件内定义如下变量 123$background-color-header: #262626;$background-color-sidebar: #333;$background-color-mai...