vue-cli 构建的项目中不支持less或者sass,需开发者手动引入。步骤如下:
一、npm 安装less 和 less-loader,打开项目目录运行指令
npm install less less-loader --save-dev
二、打开文件目录build/webpack.base.conf.js,module.rules中添加如下代码
module.exports = {
module: {
rules: [{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader"
}]
}
}
三、在需要less的页面的style标签中 添加lang="less"属性
<style lang="less">
</style>