将 none gulp 插件与 gulp 一起使用

Question

我需要将 css 生成为 json。
我找到了 this 插件，但我不知道如何将它与 gulp

一起使用

gulp.task("lesstojson", function() {
    gulp.src("style.less")
        .pipe(less())
        .on("error", console.error.bind(console))
        .pipe(autoprefixer(['last 2 versions', 'ie'], {cascade: false}))
        .pipe(gulp.dest("css"))
        .pipe(cssparser());
});

Answer 1

根据您找到的模块的 documentation，cssparser 不支持 CSS 中的管道，这正是您在发布的代码片段中尝试做的事情。相反，您需要将 CSS 作为参数传递给它；这可能看起来像这样：

gulp.task('lesstojson', function() {
  gulp.src('style.less')
    .pipe(less())
    .on('error', console.error.bind(console))
    .pipe(autoprefixer(['last 2 versions', 'ie'], {cascade: false}))
    .pipe(gulp.dest('css'));

  var parser = new cssparser.Parser();
  var json = parser.parse(fs.readFileSync(path.resolve(__dirname, 'css', 'style.css')));
});

将 none gulp 插件与 gulp 一起使用

Use none gulp plugins with gulp

gulp