1

我只是想设置 PostCSS 并将其集成到我最近的工作流程中。但不知何故，我似乎没有得到它的工作。

我正在使用 A Mac 和 gulp 作为任务运行器。

这是我开始监视任务时遇到的错误：

类型错误：$.postcss 不是函数

这就是我的 gulpfile.js 的样子：

var gulp = require('gulp');
var $ = require('gulp-load-plugins')({
  rename: {
    'browser-sync': 'browserSync',
    'gulp-postcss': 'postcss',
  },
  pattern: ['gulp-*', 'gulp.*', 'del', 'run-sequence', 'browser-sync'],
  DEBUG: false
});



var targetPath = 'dist';

var useBrowserSync = $.util.env.browserSync || true;


gulp.task('sass', function(){
  return gulp.src('src/scss/*.{scss,sass,css}')
    .pipe($.postcss([
        require('precss')()
      ], {syntax: require('postcss-scss')}))
    .pipe(gulp.dest(targetPath + '/public/assets/css'))
    .pipe( $.if( useBrowserSync , $.browserSync.stream() ) );
});

gulp.task('watch', ['sass'], function(){
  if( useBrowserSync ){
   $.browserSync.create();

   $.browserSync.init({
     proxy: 'localhost/my_project/dist/public/'
   });
  }

  gulp.watch('src/scss/*.{scss,sass,css}', ['sass']);
});

出了什么问题？

4

0 回答 0