gulp捆绑和丑化后,IIFE中未定义上下文

时间:2019-04-24 22:42:08

标签: javascript gulp iife

我有一个文件myFile.js,其中包含简单的IIFE:

(function() {
    console.log(this);       // this is the window object
})()

我正在将gulp与browserify,babel和uglify结合使用来处理文件并创建HTML脚本标记所包含的dist版本:

// gulp build task
function build() {
    let fileUploaderBundle = browserify('./js/myFile.js', { debug: true })
        .transform(babel.configure({
            presets: ['@babel/env']
        }));

    return fileUploaderBundle
        .bundle()
        .on('error', (error) => {
            console.error(error); this.emit('end');
        })
        .pipe(source('myFile.js'))
        .pipe(buffer())
        .pipe(sourcemaps.init({
            loadMaps: true
        }))
        .pipe(uglify())
        .pipe(sourcemaps.write('./'))
        .pipe(dest('./dist/js'));
};

在HTML中:

<script type="text/javascript" src="dist/js/myFile.js"></script>

但是然后dist / js / myFile.js记录undefined而不是记录窗口对象...我丢失了什么吗?

0 个答案:

没有答案