cli2 中使用 less/sass 时遇到的问题

cli2 中使用 less/sass 时遇到的问题

问题描述： 在使用手脚架2搭建项目时，安装并配置了less解析器，但是当在组件的style标签中添加 lang="less" 属性之后项目会编译不成功
解决方法：
https://www.jb51.net/article/198129.htm

一：使用方法

在vue官方脚手架中，即vue-lci搭建的项目中，可以轻易的使用less/sass。

先使用npm下载依赖，命令行为’npm install less less-loader –save’,再在webpack.base.conf.js中添加rules对象：

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

然后在style标签中添加lang=”less”即可，或者直接引用less文件，或者import一个less文件（如同import一个css文件）。

<style lang="less">
//import './less/a.less'
</style