关于stylus库的使用

关于stylus库的使用

项目中,通常会有那中主题颜色啦,主题字体字号啦,或者是某种会重复使用的主题样式,但是这种东西要是每个文件都要改那就很蛋疼了,所以对于开发项目来说很需要这种文件,来减少工作量。

大致步骤:建一个".styl"文件,然后在你想用的style标签里引入这个文件来使用

abc.styl文件里有个 commonColor = #cccccc

第一种导包方式是从当前文件往上找:

<style lang="stylus" scoped>

@import "../../assets/styles/abc.styl"

background: commonColor

</style>
 
第二种导包方式是从src文件往下找:

<style lang="stylus" scoped>

@import "~@/assets/styles/abc.styl"

background: commonColor

</style>
两种方式都可
 
scoped字段是为了使子组件中的style标签不影响其他父组件的其他组件样式
 
 

持续更新。。。

原文地址:https://www.cnblogs.com/codingFan/p/14508890.html