Vuex项目使用less的配置

第一步：利用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)