vue中使用less

在vue組件中使用less，需要兩個插件

1 less

2 less-loader

所以我們就需要先安裝這兩個插件了

npm install less less-loader -D    // 開發依賴  兩個插件一起安裝

還需要配置一下 webpack.config.js文件

{
        test:/\.less$/,
        loader:'less-loader'
}

最好是重啓一下服務器

回到組件文件上來，使用less

注意: lang="less"要加上去

此時的效果: