如何包含Webpack构建插件

Question

我创建了一个没有webpack的项目。现在只是为了学习webpack，我在我的项目中。

我有以下文件，我试图通过webpack构建：

main.js

define(['../libs/nunjucks.slim.js'], function(nunjucks){
      // use the nunjucks variable
});

nunjucks.slim.js

  

Link（ Webpack构建插件）

但main.js正在抛出错误 - nunjucks is not defined。我不知道我在这里做错了什么。

根据我的理解，在nunjucks.slim.js文件中，如果我将var nunjucks替换为window.nunjucks，则可以正常使用。但我不打算拥有全局变量。这已经是一个webpack构建插件，如果我module.exports = nunjucks，它将毫无意义。

请建议我该怎么做？

BTW，我正在使用gulp-webpack，这是gulpfile.js中的代码：

function moduleLoader(){
    return gulp.src('scripts/**/*.js')
        .pipe(webpack({
            entry:{
                main: './scripts/js/main.js'
            },
            output:{
                filename: '[name].js'
            }
        }))
        .pipe(gulp.dest('site/assets/js/'));
}

function watchChanges(){
    moduleLoader();
    gulp.watch([
        'scripts/**/*.js'
    ], [
        'webpack:build'
    ]);
}

gulp.task('webpack:build', moduleLoader);
gulp.task('watch', watchChanges);