js 使用sass中的变量
2023-09-11 14:19:37 时间
HBuilderX 2.9.8
相关联的版本
因为uniApp中不支持Sass 中的 exprot:
xxx.sass $theme-text-color-colorful:#EE5002; //这是一个变量名 //主要的一步: :export { theme_color: $theme-text-color-colorful; } xxx.js import styles from 'scss文件路径名'; data(){ return{ textColor:styles.theme_color } }
这样的方式再h5中可以使用,但是很可惜再小程序等地方不能使用,所以只能找其他办法了。
之前再弄前端的时候,记得是可以通过修改webpack的sass options来注入js的变量的
为什么要注入js的变量不是scss文件的变量,因为这样可以再js代码中复用
原型是这样的
variables.js:
module.exports = { 'primary-color': 'red', 'space-v-lg': '1px' }
仅需要在 webpack.config.js 中更改下配置:
未完...
转 : https://www.jianshu.com/p/148e3f06c344
https://blog.csdn.net/weixin_41615439/article/details/104421133
https://www.cnblogs.com/sws-kevin/p/15007850.html
相关文章
- JS基础 变量声明
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- JS操作Cookie写入和读取的简便方法(一看就懂,直接能用!)!
- 【Vue/js】Js中执行变量中的命令语句,也就是所谓的宏替换(很实用的例子)
- 你应了解的4种JS设计模式
- js 倒计时 (时分秒版本)
- 设置js 按钮参数
- GIS-010-ArcGIS JS 三种查询模式(转)
- JS模式:jq中简单的模式--》采摘自js设计(tomxu_version)
- 《写给PHP开发者的Node.js学习指南》一2.2 预定义的PHP变量
- 《D3.js数据可视化实战手册》—— 1.4 理解D3风格的JavaScript
- JS高阶---数据、变量、内存
- js变量常量作用域
- JS包含变量组合定义变量名
- JS方法传在递参数时变量之间会有赋值,而原变量会随之改变的解决办法
- js中鼠标滚轮事件详解
- vue.config.js配置本地测试开发环境变量及获取env中设置的变量
- 理解JS里的稀疏数组与密集数组
- 【cocos2d-js官方文档】五、Cocos2d-JS v3.0的新Action API
- pdf.js 使用汇总
- JQuery/JS插件 linq.js 获取所有选中行的Id