第一步:利用npm或cnpm依次安装:
cnpm install node-less --save
cnpm install less-loader --save
cnpm install less --save
第二步:文件目录 build ->webpack.base.conf.js -> modules-> rules配置如下
{
test:/\.less$/,
loader:'style-loader!css-loader!less-loader'
}
重新开启服务器 npm run dev 即可正常使用less
要点:
--save 和 --save-dev 对比
npm install --save
npm install --save-dev(*)
都可以将信息写入package.json文件
区别
--save会把依赖包名称添加到package.json文件的dependencies下
用于生产环境
--save-dev则会把依赖包名称添加到package.json文件devDependencies下
用于开发环境
devDependencies下列的模块,是我们开发时用的
dependencies下的模块,则是我们发布后还需要依赖的模块
dependencies VS devDependencies
简单的来说
dependencies 是运行时依赖(生产环境) npm install --save **(package name)
devDependencies 是开发时的依赖(开发环境) npm install --save-dev **(package name)