美文网首页
Vue项目中下载less依赖详细流程

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

作者: 兰觅 | 来源:发表于2020-11-06 15:53 被阅读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下载依赖

相关文章

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

    一.使用npm下载 二.修改配置 更改配置文件:build/webpack.base.conf.js 三.运行报错...

  • Vue+Less

    在vue中使用less首先要下载依赖:npm install less less-loader --save-de...

  • Vue项目搭建

    一、环境搭建 二、引入依赖包 在vue中引入外部less文件vue 使用less全局变量 三、启动项目 四、配置项...

  • Vue-cli2.x常用插件的安装、配置和使用说明

    使用淘宝镜像 初始化项目 安装依赖 启动项目 vue和UI框架使用cdn 使用less 使用axios、vue-c...

  • vue-cli 使用less、scss配置

    使用less 一、第一步:安装less依赖 二、在配置文件中配置 实际上如果我们通过vue-cli来构建项目,这一...

  • vue2.0 路由

    vue2.0 路由 首先先搭建一个vue-cli项目 搭建后的项目目录 下载路由模块依赖并引入 下载依赖下...

  • ESLint + VSCode自动格式化代码

    以VUE项目为例: 利用 Vue CLI 创建项目时要将 ESlint 选上,下载完依赖后,用 VSCode 打开...

  • vue-cli构建的项目中如何使用Less

    vue-cli构建项目 构建项目的项目是默认不支持Less的,需要进入项目目录,安装less、less-loade...

  • vue使用less

    在建好的vue项目中:1.安装less依赖 2.修改webpack.base.conf.js文件,配置loader...

  • vue.js之vue-cli中使用less

    vue.js之vue-cli中使用less1.首先,安装 less 和 less-loader ,在项目目录下运行...

网友评论

      本文标题:Vue项目中下载less依赖详细流程

      本文链接:https://www.haomeiwen.com/subject/dlbtbktx.html