如何解决在Vue项目中使用LessSass时出现的无效代码问题？
- 内容介绍
- 文章标签
- 相关推荐
本文共计628个文字，预计阅读时间需要3分钟。
一：使用方法在Vue官方脚手架（vue-cli）搭建的项目中，可以轻松使用less/sass。首先使用npm安装依赖，命令行输入`npm install less less-loader --save`，然后在webpack.base.conf.js中添加rules对象：`{ test: /\.less$/, loader: less-loader, 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文件）。
本文共计628个文字，预计阅读时间需要3分钟。
一：使用方法在Vue官方脚手架（vue-cli）搭建的项目中，可以轻松使用less/sass。首先使用npm安装依赖，命令行输入`npm install less less-loader --save`，然后在webpack.base.conf.js中添加rules对象：`{ test: /\.less$/, loader: less-loader, 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文件）。