安装webpack及使用less-loader出现的错误

webpack安装
使用less-loader报错…Module build failed: TypeError: loaderContext.getResolve is not a function

webpack是一个前端模块打包工具，与grunt/gulp不同的是grunt/gulp更加强调前端流程自动化，而webpack更加强调模块化开发管理

webpack安装

全局安装

1.安装webpack首先要安装node.js，Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/，历史下载地址：https://nodejs.org/dist/
2.安装完node.js之后，可使用npm安装webpack，由于 npm 安装速度慢，可以使用淘宝的镜像及其命令 cnpm，淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org
使用 cnpm 全局安装webpack：cnpm install webpack -g
也可指定webpack的版本:cnpm install [email protected] -g
安装完之后可以使用webpack查看安装情况

局部安装

需要局部安装的原因是因为一个项目往往是依赖特定的webpack版本，都有自己局部的webpack，全局版本可能与项目的webpack的版本不一致，所以需要局部安装:npm install [email protected] --save-dev

less-loader报错

在安装less-loader后使用时可能会出现以下错误

这不是安装失败，只是因为less-loader版本太高，可以卸载重装低版本
卸载重装：npm uninstall less-loader
安装低版本：npm install --save-dev [email protected]
在项目的文件package.json可以看到less-loader的版本

如果下载重装还不行，就去package.json文件里看看，less-loader是否有更改，是不是之前的高版本，如果是改成现在要安装的版本就行。