美文网首页
sass的使用和如何优雅的将js引入项目 (二)

sass的使用和如何优雅的将js引入项目 (二)

作者: 9298f0bd9110 | 来源:发表于2018-09-22 11:59 被阅读379次

直接上主题  sass的使用和如何优雅的将js引入项目,再加一个elementUI的引入

sass的使用

sass使用需要两个插件  sass-loader  node-sass 安装这两个插件

在style标签里写入 lang="scss" 就可以使用sass了

syle lang scss

额外介绍下sass的混合指令(Mixin)与函数指令(function),这两个使用率比较高

Mixin指令

mixin使用三部曲

函数指令

px2rem function三部曲

优雅引入js css

1. 类似公用的reset.css,在static里放着,然后再index.html 原始的方法link src 引入

2.scss 的公共文件,在哪里需要使用,便在哪里引入

3. 模块里的js是引入main.js里,scss需要使用某一模块直接将该模块引入style中即可,不用引入main.js(没有效果)

将js引入main.js

elementUI的引入

npm install element-ui --save ,,生产中还是需要的所有放在dependencies下(不了解dep 和 dev区别的小伙伴可以看(—))

在main.js里引入模块 并引入他的css样式,样式不引入就木有样式哈~

npm install element-ui main.js引入

下次继续~~~

加油!!!即使现在深陷黑暗,也不忘却心中的光亮!!

相关文章

网友评论

      本文标题:sass的使用和如何优雅的将js引入项目 (二)

      本文链接:https://www.haomeiwen.com/subject/yoopnftx.html