vue项目安装less

npm install less less-loader --save-dev

等待安装成功即可，接下里我们可以在vue项目中的package.json中看到less的相关依赖

"less": "^4.1.2",
"less-loader": "^10.2.0",

接下来找到bulid目录下的webpack.base.conf.js并打开，找到module下的rules写下

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

遇到问题

Module build failed: TypeError: loaderContext.getResolve is not a function，
这个问题是因为less-loader的版本太高了，导致错误，最好装5.0.0的，而且要重新npm run 不然也是一直报错，搞了半天才发现。

以上步骤全部走完，接下来，我们可以打开组件文件在下面style标签里面写上lang="less"表示以less语法解析css。

vue安装less环境相关推荐

Vue安装及环境配置
一.安装node.js 官网:Download | Node.js 历史版本:Previous Releases | Node.js 或者下载完毕后,可以安装node,建议不要安装在系统盘(如C:) ...
Vue安装和环境配置
1.安装node.js 从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装完成之后,打开命令行工具(win+r,然后输入cmd),输 ...
Vue安装过程及环境配置
Vue安装过程及环境配置本节内容服务于SpringBoot + Vue 搭建 JavaWeb 增删改查项目. 通过WIN+R输入CMD打开命令行(必须是以管理员身份运行),输入: npm confi ...
用 cooking 搭建一个简单又优雅的 Vue 项目开发环境 (入门篇)
本文适合 Vue 的初学者,以及对 webpack 不熟悉的同学阅读.前提是你要会用基本的命令行. Node 和 NPM,以及掌握 ES2015 的基础知识.本文都是在 macOS 环境下运行,要求使 ...
Vue安装配置以及入门案例
Vue Vue简介 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不 ...
Vue安装依赖npm install时报错问题解决方法
一.用到的一些快捷键: a.打开cmd: win+R b.进入d盘:d: c.进入d盘某个文件夹:cd myVue d.退回上一级:cd.. 二.Vue安装工作: 1.vue的安装依赖于node. ...
vue安装与配置、脚手架
目录一.vue.js开发前为什么要安装node.js ? vue推荐开发环境二.node.js安装与配置 1.下载安装node.js 2.配置默认安装目录和缓存日志目录 3.node.js环境配 ...
[vue-cli]不用vue-cli，你自己有搭建过vue的开发环境吗？流程是什么？
[vue-cli]不用vue-cli,你自己有搭建过vue的开发环境吗?流程是什么? 基本概念首先先了解先webpack的基本概念,webpack属于一个构建工具,主要有mode.entry.out ...
Vue系列（2）：Vue 安装
前言:关于页面上的知识点,如有侵权,请看这里 . 关键词:小白.Vue 安装.Vue目录结构.Vue 构建页面流程 ? 初学者安装 vue 用什么好大家都知道,学 Vue 最好还是去官网学,官网写 ...

vue安装less环境

遇到问题

vue安装less环境相关推荐

最新文章

热门文章