这篇我们了解下css-loader常用的配置项,要配置的话,use里面就不再是一个字符串了 // 打包模块不知道该怎么办,就去模块配置里面该怎么办 module: { // 规则 rules: [{ // 假设是以css结尾的,我需要一个load帮助我们去打包 test: /\.scss$/, // ...
分类:
其他好文 时间:
2019-04-21 10:01:03
阅读次数:
207
angular5引入sass angular/cli支持使用sass新建工程:如果是新建一个angular工程采用sass:ng new My_New_Project --style=sass这样所有样式的地方都将采用sass样式,如果需要使用sass的scss语法,还可以如下方式:ng new M ...
分类:
其他好文 时间:
2019-04-18 14:44:29
阅读次数:
165
准备工作 在VS Code上新建一个项目,例:SASS ,文件夹内包括css 和 sass 和 html 文件夹 在sass文件下新新建sass.scss 1.在拓展商店里搜索“easy sass”,并安装,安装成功后点重新加载。 2.接下来进行配置: 在 vs code 菜单栏依次点击“文件 首选 ...
分类:
其他好文 时间:
2019-04-09 15:12:30
阅读次数:
2625
我们平时都称之为 Sass,其实可分成sass和scss, 其中Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),以“.sass”后缀为扩展名;而 SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的语法书写和我们的 CSS 语法书写方 ...
分类:
Web程序 时间:
2019-04-06 18:53:29
阅读次数:
401
algernon 看到github 的介绍很很强大,一下子想到了openresty,功能看着很强大,支持 redis pg lua markdown quic http2 mysql 限速 pongo2 sass(scss) web 相关的 jsx (js dsl 模板写法) 说明 看官方介绍和很强 ...
分类:
Web程序 时间:
2019-04-05 09:15:55
阅读次数:
171
一、首先说明sass和scss的区别。 1、异同:1)简言之可以理解scss是sass的一个升级版本,完全兼容sass之前的功能,又有了些新增能力。语法形式上有些许不同,最主要的就是sass是靠缩进表示嵌套关系,scss是花括号 2)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SC ...
分类:
Web程序 时间:
2019-04-03 09:24:46
阅读次数:
175
1、什么是Webpack WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。 2、为什要使用WebPack 今的很多网页其实可以看做是功 ...
分类:
Web程序 时间:
2019-04-02 12:56:57
阅读次数:
183
前几天写的直接运行npm run dev还是ok的,突然不行了,前面报错是css-loader没有,删除style标签上的lang='scss'就好了,先不需要这个依赖。这个先不管。 只是后面的 run `npm audit fix` to fix them, or `npm audit` for ...
分类:
其他好文 时间:
2019-03-26 15:06:27
阅读次数:
793
什么是Sass和Less? sass和less都属于CSS预处理器。 css预处理定义了一种新的语言,其基本思想是,用一种专门的编程语言,为css增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言,进行Web页面样式设 ...
分类:
Web程序 时间:
2019-03-24 21:24:15
阅读次数:
710