Vue项目中下载less依赖详细流程

2020-11-06  本文已影响0人  兰觅

一.使用npm下载

npm install less less-loader --save-dev

二.修改配置

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


添加配置
module: {
    rules: [
         ...
         ...
      {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"
      },
    ]
  }

三.运行报错解决

此时运行可能会报错:
loaderContext.getResolve is not a function
1.找到项目的package.json文件,将less版本修改如下


修改版本

2.更换版本后,node_modules文件夹内loader版本并没有更改,需要删除掉node_modules,
3.重新进行npm install下载依赖

上一篇 下一篇

猜你喜欢

热点阅读