20. Vue-cli項目使用less

記錄下style的less方式的使用方法。

1.安裝 less 和 less-loader :

　　npm install less less-loader --save-dev

2.打開 build/webpack.base.conf.js ， module.exports = 的對象的 module.rules 后面添加一段：

{
　test: /\.less$/,
　loader: "style-loader!css-loader!less-loader",
}

3.使用方法，如圖所示：

4.引入外部less文件則在style標簽之后引入 @import './index.less'，如下列代碼：

 

<style lang="less">
　　@import './index.less';  //引入全局less文件
</style>