一段代碼，使用koa-less配合autoprefixer編譯less

使用koa開發項目的時候，如果想使用less的方式寫css，就可以用koa-less進行less的編譯處理。

還可以配合postcss的插件autoprefixer來進行瀏覽器前綴的添加。

var Koa = require('koa'),
    app = new Koa(),
    serve = require('koa-static'),
    convert = require('koa-convert'),
    less = require('koa-less')
var path = require('path')

// 爲瀏覽器加前綴
var autoprefixer = require('autoprefixer');
var postcss = require('postcss')

// 處理less
app.use(convert(less(path.join(__dirname, 'less'),{
    dest:path.join(__dirname, 'public'),
    postprocess:{
        css:function (css,req) {
            // 在保存編譯的css數據之前的回調函數
            var result = postcss([ autoprefixer({overrideBrowserslist:[">0%"]}) ]).process(css);

            // 或者直接這樣寫，將browserslist配置在package.json中
            // var result = postcss([ autoprefixer ]).process(css);
            return result.css
        }
    }
})))

// 初始化靜態文件目錄
app.use(serve(path.join(__dirname, 'public')))

app.listen(3000, function() {
    console.log(`訪問 http://localhost:3000/css/style.css 就能夠看到less編譯後的樣式文件`)
})