vue项目里安装配置less【使用报错处理】

  1. 在项目目录下执行安装命令:
npm install less less-loader --save-dev

如图:
vue项目里安装配置less【使用报错处理】_第1张图片
2. 配置:

build/webpack.base.conf.js文件里配置:

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

如图:
vue项目里安装配置less【使用报错处理】_第2张图片


至此在style标签上就能用lang="less"


如果有使用报错;
package.json文件里把less版本调一下

"less": "^3.9",
"less-loader": "^5.0.0",

如图:
vue项目里安装配置less【使用报错处理】_第3张图片
再执行次npm install,然后重启项目

你可能感兴趣的:(前端JS框架:Vue)