(一)less的用法:javascript
(二)vue 2.0中如何使用less插件css
1:vue先安裝less插件html
npm install less less-loader --savevue
2:修改webpack.base.conf.js文件,配置loader加載依賴,讓其在項目中使用less ,配置的方法:java
文件下的webpack
rules數組中新增長配置項:web
{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", }
3:就能夠在項目中使用less了,在組件的style 上面添加 lang="less"屬性和屬性值,便可。npm
<template> <div class="wrap-con"> <h1>1111</h1> </div> </template>
<style scoped lang="less"> .wrap-con{ h1{ color: #f30; } } </style>
效果以下: 數組