zoukankan      html  css  js  c++  java
  • vue-cli 使用less 遇到的问题 || vue-cli 使用less

    vue-cli 使用less
    安装less,less-loader

    npm install less less-loader --save-dev
    或者
    npm/cnpm i less less-loader --save-dev

    等待安装成功即可,接下来可以在vue项目中的package.json中看到less的相关依赖
    修改 build 下面 webpack.base.conf.js文件 module.exports 里面的module,module里面的 rules数组里添加 {
    test: /.less$/,
    loader: 'style-loader!css-loader!less-loader'
    }

    1、安装 npm install less less-loader --save

    2、配置,在webpack.base.conf.js 的 rules 节点下新增:

    {
    test: /.less$/,
    loader: "style-loader!css-loader!less-loader"
    }
    3、使用,在 style 标签中使用 lang="less"

    4、编译运行,此时可能会报错:

    Module build failed: TypeError: loaderContext.getResolve is not a function

    5、解决

    这个错误一般都是由less-loader版本过高导致的,版本号可以在 package.json 中查看;

    卸载原来的 npm uninstall less-loader;

    安装指定版本 npm install less-loader@4.1.0 --save

    6、编译运行

  • 相关阅读:
    《完美应用ubuntu》之全面管理ubuntu软件源
    ubuntu下安装CAJ阅读器
    re正则表达式方法
    Xpath做数据解析
    C++异常处理
    异常处理
    指针与引用
    总结:开放透明的环境对于大数据团队的重要性
    java控制流
    3. 最小生成树
  • 原文地址:https://www.cnblogs.com/LQ970811/p/13660574.html
Copyright © 2011-2022 走看看