Javascript 未捕获引用错误:未使用babel+定义require;粗制滥造
我得到这个错误:Javascript 未捕获引用错误:未使用babel+定义require;粗制滥造,javascript,webpack,gulp,browserify,babeljs,Javascript,Webpack,Gulp,Browserify,Babeljs,我得到这个错误: Uncaught ReferenceError: require is not defined 我知道,在浏览器中,您不能使用require API,只是试图通过browserify、requirejs或whatelse实现,但它无论如何都不起作用 这是我的gulpfile var gulp = require('gulp'), plumber = require('gulp-plumber'), rename = require('gulp-rename')
Uncaught ReferenceError: require is not defined
我知道,在浏览器中,您不能使用require API,只是试图通过browserify、requirejs或whatelse实现,但它无论如何都不起作用
这是我的gulpfile
var gulp = require('gulp'),
plumber = require('gulp-plumber'),
rename = require('gulp-rename');
var autoprefixer = require('gulp-autoprefixer');
var babel = require('gulp-babel');
var browserify = require('gulp-browserify');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin'),
cache = require('gulp-cache');
var minifycss = require('gulp-minify-css');
var sass = require('gulp-sass');
var browserSync = require('browser-sync');
gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: "./"
}
});
});
gulp.task('bs-reload', function () {
browserSync.reload();
});
gulp.task('images', function(){
gulp.src('src/images/**/*')
.pipe(cache(imagemin({ optimizationLevel: 3, progressive: true, interlaced: true })))
.pipe(gulp.dest('dist/images/'));
});
gulp.task('styles', function(){
gulp.src(['src/styles/**/*.scss'])
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(sass())
.pipe(autoprefixer('last 2 versions'))
.pipe(gulp.dest('dist/styles/'))
.pipe(rename({suffix: '.min'}))
.pipe(minifycss())
.pipe(gulp.dest('dist/styles/'))
.pipe(browserSync.reload({stream:true}))
});
gulp.task('scripts', function(){
return gulp.src('src/scripts/**/*.js')
.pipe(plumber({
errorHandler: function (error) {
console.log(error.message);
this.emit('end');
}}))
.pipe(concat('main.js'))
.pipe(babel())
.pipe(browserify())
.pipe(gulp.dest('dist/scripts/'))
.pipe(rename({suffix: '.min'}))
.pipe(uglify())
.pipe(gulp.dest('dist/scripts/'))
.pipe(browserSync.reload({stream:true}))
});
gulp.task('default', ['browser-sync'], function(){
gulp.watch("src/styles/**/*.scss", ['styles']);
gulp.watch("src/scripts/**/*.js", ['scripts']);
gulp.watch("*.html", ['bs-reload']);
});
这是我的main.js,只是一个插件anime.js的导入
import anime from 'animejs'
也尝试过requireJs,但似乎有点难以将其集成到我的gulpfile中,而且网页包似乎是我的硬代码