scss,css,css.map,它们之间有什么关系?

html-css041

scss,css,css.map,它们之间有什么关系?,第1张

SCSS是CSS的预处理器,它支持将CSS当做一种编程语言来编写,虽然这种解释不是很标准,但是我们可以这样理解,而CSS.map就相当于一种文件地图,一般网站都是使用压缩版的CSS,css.map就相当于是原文件跟压缩文件的一种对照关系

SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。可以简单理解为scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号。

The css-loader interprets @import and url() like import/require() and will resolve them.

Adds CSS to the DOM by injecting a <style>tag

Loads a Sass/SCSS file and compiles it to CSS.

Use the css-loader or the raw-loader to turn it into a JS module and the MiniCssExtractPlugin to extract it into a separate file.