Question

我正在设置我的环境以使用ES6 / babel开发聚合物1.0应用程序。

我还想整合webpack，以便我可以在我的javascript代码中使用import语句。

我使用gulp作为构建工具。这是我项目的（简化）gulpfile：

var gulp = require('gulp');
var gulpif = require('gulp-if');
var crisper = require('gulp-crisper');
var webpack = require('gulp-webpack');

gulp.task('default', function() {
    gulp.src('src/*.html')
        .pipe(gulpif('*.html', crisper()))
        .pipe(gulpif('*.js', webpack({
            loaders: [
                {
                    test: /\.js$/,
                    exclude: [/node_modules/],
                    loader: 'babel-loader?sourceMap=true'
                }
            ]
        })))
        .pipe(gulp.dest('dist'));
});

如果我使用gulp-babel而不是gulp-webpack，这是有效的。但是我得到以下错误：

[10:28:38] Using gulpfile E:\Dokumente\polymer\test-gulp-webpack\gulpfile.js
[10:28:38] Starting 'default'...
[10:28:38] Finished 'default' after 225 ms
[10:28:38] Version: webpack 1.12.2

ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory' E:\Dokumente\polymer\test-gulp-webpack\src\index.js in E:\Dokumente\polymer\test-gulp-webpack

src目录仅包含index.html，内容如下：

<html>
    <body>
        <h1>TEST</h1>
        <script>
            var test = "TEST";
        </script>
    </body>
</html>

有什么建议我可以解决这个问题吗？也许告诉crisper暂时将javascript写入文件系统？或者也许使用一些花式装载机用于webpack？

结合了gulp-crisper和gulp-webpack

0 个答案: