装less和less-loader

npm输入

打开项目文件查看 package.json查看是否安装成功

添加less相关配置

在build/webpack.base.conf.js文件下找到rules数组，加入配置

//加入以下
    {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader"    
    }

配置JS，启动内联JavaScript 打开build/utils.js进行配置修改less 的配置

添加：{ javascriptEnabled: true }，然后重新启动项目即可

在test.less文件里面随意写些代码

开命令行cmd，进入less_test文件夹，输入：cnpm install -g less，完成全局安装less编译模块

编译指令 全局安装less编译模块后再次输入编译指令

这里将less下的test.less编译打包到css文件夹下，命名为test.css 然后打开test.css会发现刚刚在test.less文件中写的代码已经被编译

这个是之前在test.less文件中写的css代码

这个是编译后的