Plugins 设置邮政编码系统

Plugins 设置邮政编码系统,plugins,gulp,postcss,Plugins,Gulp,Postcss,我只是尝试设置PostSS并将其集成到我最近的工作流程中。但不知何故,我似乎没有让它工作 我使用Mac和gulp作为任务运行程序 这是我在开始观察任务时遇到的错误: TypeError:$.postcss不是一个函数 这就是我的gulpfile.js的样子: var gulp = require('gulp'); var $ = require('gulp-load-plugins')({ rename: { 'browser-sync': 'browserSync', 'g

我只是尝试设置PostSS并将其集成到我最近的工作流程中。但不知何故,我似乎没有让它工作

我使用Mac和gulp作为任务运行程序

这是我在开始观察任务时遇到的错误:

TypeError:$.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']);
});

出了什么问题?

您是否尝试过要求POSTSS不带gulp load插件。当您登录时,Console会说什么?您是否尝试过在不使用gulp load插件的情况下要求POSTSS。当您登录时,Console会说什么?