wepy-compiler-styl 是一个基于 wepy 框架的 stylus 编译器，可以帮助我们在 wepy 项目中轻松使用 stylus 语言编写样式。
安装 wepy-compiler-styl
我们可以通过 npm 安装 wepy-compiler-styl：
npm install wepy-compiler-styl --save-dev
配置 wepy.config.js
在项目根目录下的 wepy.config.js 中，添加以下配置：
-- -------------------- ---- -------
-------------- - -
-- ---
---------- -
----- -
-- --------
---------- ----
-
-
-- ---
-使用 wepy-compiler-styl
在 wepy 项目中，我们可以使用以下方式来使用 wepy-compiler-styl：
<style lang='stylus'>
.container
padding 10px
background-color #f5f5f5
</style>注意，样式块的 lang 属性必须设置为 stylus。
另外，我们还可以在 wepy 组件中使用全局样式和主题变量。以全局样式为例，我们可以在 app.styl 中定义全局样式：
// app.styl body font-family 'Helvetica Neue', Helvetica, Arial, sans-serif
然后在组件中使用该样式：
<style lang='stylus'>
@import './app.styl'
.container
padding 10px
background-color #f5f5f5
</style>总结
通过学习本文，我们了解了如何使用 wepy-compiler-styl 在 wepy 项目中使用 stylus 语言编写样式，并可以轻松地使用全局样式和主题变量。该技术文章对于前端开发人员具有指导意义，可帮助他们更高效地开发 wepy 项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671068dd3466f61ffde0f