【vue】vue页面使用scss样式

news/2024/7/10 1:37:21 标签: vue, css

vuevuescss_0">【vuevue页面使用scss样式

1.引入sass-loader模块

//这里使用7.0.1版本
npm install sass-loader@7.0.1

2.引入node-sass模块

//这里使用4.12.0版本
npm install node-sass@4.12.0

3.vue页面使用

<style lang='scss'>
//样式代码
</style>

4.package.json配置方式【附加】

//在package.json配置文件中devDependencies节点下添加"node-sass": "^4.12.0","sass-loader": "^7.0.1",
"devDependencies": {
    "@vue/cli-plugin-babel": "^3.1.1",
    "@vue/cli-plugin-eslint": "^3.1.5",
    "@vue/cli-service": "^3.1.4",
    "chai": "^4.1.2",
    "d3": "^5.14.2",
    "vue-ace-editor": "^1.0.3",
    "vue-template-compiler": "^2.5.17",
    "webpack-bundle-analyzer": "^3.0.3",
    "node-sass": "^4.12.0",
    "sass-loader": "^7.0.1"
  },
 执行命令:npm install 加载配置的模块

http://www.niftyadmin.cn/n/903316.html

相关文章

【java】IDEA在install编译的时候报Error:(30, 17) java: 找不到符号符号: 变量 log

【java】IDEA在install编译的时候报Error:(30, 17) java: 找不到符号符号: 变量 log 如果使用了Slf4j注解&#xff0c;idea需要Lombok插件&#xff0c;或者在maven中配置依赖 方法1.idea安装Lombok插件 方法2.pom.xml配置依赖 <dependency><groupId>org.project…

【vue】avue-crud行编辑

【vue】avue-crud行编辑 1.vue页面代码 <template><avue-crud ref"crud" :option"option" :data"data" row-update"rowUpdate"><template slot-scope"{row,index}" slot"menu"><el-button…

【vue】父页面按钮显示子组件中的el-dialog

1.父页面 <template><div><el-buttontype"primary"icon"el-icon-upload2"size"small"click"openDialog">导入</el-button><uploadDialog ref"uploadDialog" :dialogVisible"dialogVisible…

【java】excel添加颜色和注释

excel添加颜色和注释 package com.util;import org.apache.poi.hssf.usermodel.HSSFCell; import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.usermodel.XSSFClientAnchor; import org.apache.poi.xssf.usermodel.XSSFRichTextString; import org.apache.poi…

【java】JsonFormat注解时间导致时区相差8小时问题

//默认是cst&#xff0c;需要指定为gmt JsonFormat(pattern "yyyy-MM-dd HH:mm:ss", timezone"GMT8") ApiModelProperty(value "创建时间") private Date createTime;

【docker】docker常用操作及日志清理

一.centos7.x环境 //启动docker服务 sudo systemctl start docker //重启docker服务 sudo systemctl restart docker //关闭docker服务 sudo systemctl stop docker //查看docker服务状态 sudo systemctl status docker1.1 docke服务关闭后还是启动状态问题 //sudo systemct…

【电脑系统】c盘误操作删除EFI引导分区后,开机一直checking media

问题描述 1.利用分区工具不小心将c盘中ESP分区和MSR分区合并了&#xff0c;开机后一直checking media。 2.用u盘装系统&#xff0c;进入pe后还原重装系统后&#xff0c;开机仍然是checking media。 3.boot manager中没有硬盘引导项。 4.pe模式中能看到硬盘&#xff0c;硬盘没有…

【java】jdk的安装

一.安装jdk-8u251-windows-x64 1.双击安装包&#xff0c;按引导安装&#xff0c;这里示例jdk版本为jdk-8u251-windows-x64.exe&#xff0c;点击下一步 2.可以更改jdk安装的位置&#xff0c;这里安装到默认位置C盘&#xff0c;装任意盘都可以&#xff0c;选好位置后点击下一步 …