关于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标签不影响其他父组件的其他组件样式

 

 

持续更新。。。