1 | const gulp = require('gulp');
|
2 | const less = require('gulp-less');
|
3 | const transform = require('gulp-transform');
|
4 | const rncss = require('./src/react-native-css');
|
5 | const style2object = require('./src/index');
|
6 | const rename = require("gulp-rename");
|
7 |
|
8 | gulp.task('css', function () {
|
9 | return gulp.src(['./**/*.less', '!node_modules/{,/**}'], {
|
10 | base: '.'
|
11 | })
|
12 | .pipe(less({
|
13 |
|
14 | }))
|
15 | .pipe(transform('utf8', (code) => {
|
16 | try {
|
17 | code = JSON.stringify(rncss(code), false, 4);
|
18 | } catch (e) {
|
19 | console.log(e);
|
20 | }
|
21 | return code;
|
22 | }))
|
23 | .pipe(transform('utf8', (code) => {
|
24 | try {
|
25 | code = style2object({
|
26 | code,
|
27 | hierarchy: false
|
28 | });
|
29 | } catch (e) {
|
30 | console.log(e);
|
31 | }
|
32 |
|
33 | return code;
|
34 | }))
|
35 | .pipe(rename({
|
36 | extname: '.less.js'
|
37 | }))
|
38 | .pipe(gulp.dest('./'));
|
39 | });
|
40 |
|
41 | gulp.task('default', (() => {
|
42 | gulp.start(['css']);
|
43 | }));
|