微信小程序 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
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
亚马逊推出“无需收银员”的新技术,以此帮助品牌和广告商提高销量
北京时间 6 月 30 日早间消息,据报道,亚马逊发明了一种无需收银员的技术,可以加快人们去杂货店或便利店的速度。现在,该公司希望利用这个跟踪系统来帮助品牌和广告商提高销量。&
-
docker搭建jenkins环境执行宿主机的docker无权限的解决方法
初次搭建jenkins持续集成工具的时候,在运行项目阶段出现 permission denied的情况
-
Docker 常用命令
docker目前代替虚拟机使用的一个容器,灵活好用。
-
群辉nas docker容器 配置svn仓库,并实现外网访问
2022-08-11的这一天, 群辉nas到手了, 实现svn仓库外网的访问,折腾了好久。记录一下。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:212篇
- 建站时间:已运行1107天
- 备案号: 浙ICP备2022018799号
- 语言:
English(USA)
French(FR)
Chinese(ZH)
无数据