Question

我目前正在尝试编写我的第一个JS模块，只需要以下

DIST /的script.js

// Import classes
import { ScrollTrigger } from './lib/scroll-trigger.js';

DIST / LIB /滚动trigger.js

export class ScrollTrigger {
  constructor() {
    console.log("working");
  }

  /**
   * Run the logic
   */
  init() {

  }
}

gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var livereload = require('gulp-livereload');
var minify = require('gulp-minify');
var babel = require("gulp-babel");

// Process and minify SCSS to CSS
gulp.task('styles', function() {
    gulp.src('sass/**/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('dist'))
});

// Compress scripts
gulp.task('compress', function() {
  gulp.src('scripts/**/*.js')
  .pipe(babel())
  .pipe(minify({
    ext:{
      src:'-debug.js',
      min:'.js'
    },
    exclude: ['tasks'],
    ignoreFiles: ['.combo.js', '-min.js']
  }))
  .pipe(gulp.dest('dist'))
});

//Watch task
gulp.task('default',function() {
    livereload.listen();
    gulp.watch('sass/**/*.scss',['styles']);
    gulp.watch('scripts/**/*.js',['compress']);
});

然而，在运行时，我收到＆＃34;导入未定义＆＃34;，当我通过我设置的BabelJS gulp任务运行时，我收到＆＃34;要求未定义＆＃34;。

我觉得我在这里遗漏了一些完全明显的东西，但我感到很茫然！

＆＃34;要求未定义＆＃34;

0 个答案: