当前位置 : 主页 > 手机开发 > 其它 >

vue中使用less/scss(这是2.0 3.0就不需要手动配置了只需要安装依赖就行了)

来源:互联网 收集:自由互联 发布时间:2021-06-22
第一步: 安装less依赖, npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置loader加载依赖,规则上加这个 { test: /\.less$/, loader: "style-loader!css-loader!less-loader", }, 搞定。。。

 

第一步:

安装less依赖,npm install less less-loader --save

第二步:

修改webpack.config.js文件,配置loader加载依赖,规则上加这个

{ test: /\.less$/, loader: "style-loader!css-loader!less-loader", },   搞定。。。最喜欢嵌套可以用了   ********************************************************** **************************************************************************

npm install --save-dev sass-loader   //sass-loader依赖于node-sass

npm install --save-dev node-sass

{ test: /\.sass$/, loaders: [‘style‘, ‘css‘, ‘sass‘] },  

 

 

错误提示:无效的css。因为sass语法不使用大括号和分号。

如果你喜欢使用不带大括号的语法,只要去掉css代码的大括号和分号,即使用缩进语法。

如果你希望使用带大括号的语法,即SCSS

那么,你只要把lang="sass"改成lang="scss"就行了。

搞定

网友评论