微信小程序 vsCode中使用gulp配置scss
分类专栏: Css&
简介 微信小程序,配置scss的方式。
<p>// vsCode 安装Easy Sass</p><p>const {task, src, dest} = require('gulp'); // 需要安装 gulp</p><p>const px2rpx = require('gulp-px2rpx'); 需要安装 gulp-px2rpx</p><p>const sass = require('gulp-sass'); 需要安装 node-sass gulp-sass</p><p>const rename = require('gulp-rename'); 需要安装 gulp-rename</p><p> </p><p>task('default', cb => {</p><p> src('pages/**/*.scss')</p><p> .pipe(sass())</p><p> .pipe(px2rpx({</p><p> screenWidth: 750, // 设计稿屏幕, 默认750</p><p> wxappScreenWidth: 750, // 微信小程序屏幕, 默认750</p><p> remPrecision: 6 // 小数精度, 默认6</p><p> }))</p><p> .pipe(rename(file => {</p><p> file.extname = '.wxss'</p><p> }))</p><p> .pipe(dest(function(file) {</p><p> return file.base</p><p> }))</p><p> cb()</p><p>});</p><p> </p><p>最后命令行:npx gulp 执行解析</p><p> </p>
分享到:
转载:
喜欢 0
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
git:如何管理本机的多个ssh密钥(多个远程仓库账号)
如果我们电脑上已经存在了一个ssh key,那么我们需要在我们电脑上生成第二个你想在本电脑上使用的id_rsa,使用命令:ssh-keygen -t rsa -C "你的github账号"。
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
-
娱美德旗下MMORPG手游《传奇4》将推出新PVP玩法"比奇掠夺"&
《传奇4》推出新门派PVP玩法!韩国首尔2022年6月29日 /美通社/ -- 《传奇4》(MIR4)的新PVP玩法比奇掠夺(Bicheon Heist)于2022年6月28日推出。
-
半导体短缺即将结束?分析师:如果没有 1 美元芯片会影响更多
德勤咨询(Deloitte Consulting)的芯片分析师认为,随着芯片行业资本支出的增加,需求度较高的工厂已经开工,预示着短缺情况即将结束。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1246天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据