# Vue 引入预处理器

- Link: https://www.ixiqin.com/2019/03/24/vue-is-introduced-into-the-preprocessor/
- Published: 2019-03-24T00:16:46+08:00
- Author: 白宦成

文章目录

 [Toggle](https://www.ixiqin.com/2019/03/24/vue-is-introduced-into-the-preprocessor/#)

 * [SCSS/SASS](https://www.ixiqin.com/2019/03/24/vue-is-introduced-into-the-preprocessor/#scsssass)
 * [LESS](https://www.ixiqin.com/2019/03/24/vue-is-introduced-into-the-preprocessor/#less)
 * [Stylus](https://www.ixiqin.com/2019/03/24/vue-is-introduced-into-the-preprocessor/#stylus)

Vue Cli3 默认的配置是不带 CSS 的预处理器的，需要自己引入。好在，引入的方法非常简单，
只需要安装对应的依赖，会自动适配的。

## SCSS/SASS

    ```shcb-line-numbers
    npm install -D sass-loader node-sass
    ```

## LESS

    ```shcb-line-numbers
    npm install -D less-loader less
    ```

## Stylus

    ```shcb-line-numbers
    npm install -D stylus-loader stylus
    ```