# 处理 less 输出
作为 css 的预处理器，less 的功能不能小觑。
安装
```
yarn add less less-loader style-loader css-loader postcss-loader -D
```
在 `conf/webpack.config.js` 的 `module.rules` 中配置:
```js
{
test: /\.less$/,
use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'],
exclude: /node_modules/
}
```
在模板中使用
```html
<style lang="less" scoped>
@import "../styles/base";
.wrap {
padding: 1em;
}
</style>
```
