Vue中lesssass配置无效问题如何解决？
- 内容介绍
- 文章标签
- 相关推荐
本文共计627个文字，预计阅读时间需要3分钟。
一：使用方法在Vue官方脚手架（即vue-cli）搭建的项目中，可以轻松使用less/sass。首先，使用npm下载依赖，命令行为`npm install less less-loader --save`。接着，在webpack.base.conf.js中添加rules对象：`{ test: /\.less$/, use: [style-loader, css-loader, less-loader] }`。
一：使用方法
在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文件）。
本文共计627个文字，预计阅读时间需要3分钟。
一：使用方法在Vue官方脚手架（即vue-cli）搭建的项目中，可以轻松使用less/sass。首先，使用npm下载依赖，命令行为`npm install less less-loader --save`。接着，在webpack.base.conf.js中添加rules对象：`{ test: /\.less$/, use: [style-loader, css-loader, less-loader] }`。
一：使用方法
在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文件）。