小程序内使用 scss

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
Last Updated: 6/16/2021, 1:01:22 AM