小程序内使用 scss
wjs 4/14/2020 小程序
以下以小程序插件项目下引入scss
为例,基础配置如下
// 小程序scss转wxml, 解决样式嵌套问题
// 思路: 查找文件夹下所有的scss, 转成wxml
let gulp = require('gulp')
let sass = require('gulp-sass')
let rename = require("gulp-rename")
let minifycss = require('gulp-minify-css')
gulp.task('sass', function () {
return gulp.src(['./plugin/**/*.scss', '!./plugin/node_modules/**', '!./plugin/miniprogram_npm/**', '!./plugin/styles/**'])
.pipe(sass().on('error', sass.logError))
.pipe(minifycss())
.pipe(rename({
extname: '.wxss'
}))
.pipe(gulp.dest('plugin'))
})
gulp.task('watch', function () {
gulp.watch('./plugin/**/*.scss', gulp.parallel('sass'));
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21