- 微信开发工具直接编译scss文件
前言 以前微信开发工具不支持打卡scss文件,每次一个小改动,都要切换其他编辑器编译,感觉比较麻烦.最近 RC Build (1.02.2001191) 的开发工具支持打开scss文件,这算是一个福音,然而如何编译成wxss却没有说明,所以自己利用gulp在开发工具中直接编译,很方便. 使用 1、在项目与app.js同级目录中新建文件gulpfile.js 加入内容如下: var gulp = require('gulp'); var sass = require('gulp-sass'); var rename = require('gulp-rename') var changed = require('gulp-changed') var watcher = require('gulp-watch') //自动监听 gulp.task('default', gulp.series(function() { watcher('./pages/**/*.scss', function(){ miniSass(); }); })); //手动编译 gulp.task('sass', function(){ miniSass(); }); function miniSass(){ return gulp.src('./pages/**/*.scss')//需要编译的文件 .pipe(sass({ outputStyle: 'expanded'//展开输出方式 expanded })) .pipe(rename((path)=> { path.extname = '.wxss' })) .pipe(changed('./pages'))//只编译改动的文件 .pipe(gulp.dest('./pages'))//编译 .pipe(rename((path)=> { console.log('编译完成文件:' + 'pages\\' + path.dirname + '\\' + path.basename + '.scss') })) } 复制代码 2、打开命令行,进入gulpfile.js所在目录,执行如下命令 [代码]npm install[代码][代码]gulp-sass[代码][代码]gulp-rename[代码][代码]gulp-changed[代码]3、执行监听命令 [代码]gulp[代码] 会监听pages目录所有的scss文件变动,保存后会自动编译.
2020-02-24 - 如果解决小程序自定义组件在A、B页面同时调用导致数据错乱?
[图片] [图片] 两个页面引用的同一个组件,且都在页面栈生效中 [图片] [图片] 在B页面输入的数据,在A页面生效了(数据通用了) 并且选择城市组件的数据也会出现这种情况 有没有好的解决方法 现在的需求是A、B页面的组件数据独立,并且在切换页面时不重新加载组件
2020-03-17 - 小程序video组件黑屏几秒后播放
- 当前 Bug 的表现(可附上截图) 问题:video组件在安卓机上会黑屏加载几秒播放视频,在苹果机上直接黑屏几秒后播放。 - 预期表现 - 复现路径 - 提供一个最简复现 Demo 代码片段:https://developers.weixin.qq.com/s/lHgWKdmn7J8M
2019-05-08