直接上主题 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引入
下次继续~~~
加油!!!即使现在深陷黑暗,也不忘却心中的光亮!!











网友评论