[记录] [CSS预处理器]Stylus in Vue

为什么选择Stylus做预处理呢?

• 那么在SaaS，Less和Stylus中，为什么选择后者呢？因为Stylus是来源于Node.js社区，与js关系密切，所以基于Vue.js的开发，我们选择使用Stylus。

---

配置Stylus环境

npm install stylus

在vue项目中安装stylus和stylus-loader

npm install stylus --save-dev
npm install stylus-loader --save-dev

.vue单文件中使用

<styl lang="stylus">
html,bodu
padding:0;margin:0;
...
(无需花括号)
</style>

单文件引入 .stylus

//.vue
<script>
import "./assets/food.stylus"
</script>

---

需要的资料
中文文档

346871-106.jpg