vue中使用less/scss(这是2.0 3.0就不需要手动配置了只需要安装
发布时间:2020-12-14 04:50:30 所属栏目:百科 来源:网络整理
导读:? 第一步: 安装less依赖, npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置loader加载依赖,规则上加这个 { test: /.less$/, loader: "style-loader!css-loader!less-loader", }, ? 搞定。。。最喜欢嵌套可以用了 ? ******
? 第一步: 安装less依赖, 第二步: 修改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"就行了。 搞定 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |