.styl格式的CSS样式文件是什么文件

.styl格式的CSS样式文件是什么文件

Stylus 是一个 基于Node.js的CSS的预处理框架 。可以说是一种新型语言，其本质上做的事情与sass/less等类似。Stylus 比less更强大，而且基于nodejs；比sass更符合我们的思路。

最近研究了一下vue.js项目的高阶用法，发现案例项目中有个.styl格式的样式文件，下面从 What ? Why ? How ? 这三点去了解一下。

---

文章主要借助收录资源来了解一番，具体查看具体针对。

---

附：参考文章

1. stylus入门使用方法
   · stylus介绍
   · stylus安装
   · 生成 css

   **Grunt生成（Grunt教程-前端自动化）

2. stylus 详解与引入
   · Stylus介绍及特点
   · Stylus优缺点 （mixin式复用）
   · 基本语法 - 点击查看
   · vue 引入 stylus【 npm 命令 】

3. vue中如何引入公共样式的的styl文件
   · 安装stylus stylus-loader style-loader
   · 改下webpack的配置在webpack.base.conf.js的module的loaders

---

以上就是关于“ .styl格式的CSS样式文件是什么文件 ” 的全部内容。