vue中使用less的相关配置

在vue脚手架中，当我们使用less时，在style标签添加lang属性，指定less，此时我们会发现出现报错！

<style lang='less'></style>

 那么如何在vue脚手架中使用less呢？具体操作如下：

答：下载less以及它的加载器，并在webpack中进行配置，

• 下载less以及它的加载器

npm i less less-loader@4.1.0（指定less加载器版本号）

• 在webpack中进行配置

bulid文件夹->webpack.base.conf.js->relus属性中，添加一段代码

{
   test: /\.less$/,
   loader: 'style-loader!css-loader!less-loader'
 }

以上操作完成之后，重启，就可以在style标签中使用less啦~

注意： 一定要重启！一定要重启！一定要重启！