分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

Vue 中使用 sass 或 scss 语法配置(未使用)

发布时间:2023-09-06 01:26责任编辑:林大明关键词:配置

使用sassscss语法配置

安装sass依赖sass-loadernode-sass

npm i sass-loader node-sass -D

安装之后,可能会出现node-sass安装失败的情况,原因和解决办法可以参考这里,可以通过在命令行直接运行下面的命令来解决:

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

然后在webpack.base.conf.js中添加相关配置:

{ ???test: /\.s[a|c]ss$/, ???loader: ‘style!css!sass‘}

还有就是在.vue里面使用<style>最好配置成

<style lang="scss"></style>

因为 lang="sass"使用的是嵌套语法, 如果要支持CSS的语法糖使用lang="scss"

Vue 中使用 sass 或 scss 语法配置(未使用)

原文地址:https://www.cnblogs.com/DoubleLoong/p/8628893.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved