–[CSS预处理器]Stylus in Vue

[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单文件中使用

html,bodu padding:0;margin:0; … (无需花括号)

单文件引入 .stylus

//.vue <br>import “./assets/food.stylus”<br>