首页 > 解决方案 > 浏览器化的脚本无法按预期使用 Typed.js

问题描述

从这里使用 javascript 库。在没有 browserify 的情况下使用时,它可以按预期工作,因为它在浏览器中创建了全局 Typed 函数。但是当使用browserify 和gulp 时。它没有按预期工作,因为它没有创建全局函数“Typed”,当在浏览器中加载时,抛出错误 Typed is not function。

在我的主脚本中,导入的库如下。

import 'typed.js/lib/typed.js';

有什么我错过的,还是我必须以其他方式使用它?

gulp.js

var gulp = require('gulp');
var babelify = require('babelify');
var browserify = require('browserify');
var source = require('vinyl-source-stream');

gulp.task('scripts', async function() {
    browserify('./main.js')
    .transform("babelify", {"presets":["@babel/preset-env"]})
    .bundle()
    .pipe(source('script.js'))
    .pipe(gulp.dest('dist/js'));
});

标签: javascriptgulpbrowserify

解决方案


推荐阅读