从脚本

Question

我正在使用webpack将我的Javascript文件捆绑到我的项目中：

webpack --config myconfig.webpack.config.

从命令行开始就可以。

建筑

但是我想创建一个构建任务，我正在使用jake，所以为了创建包，我需要从Javascript调用webpack。

我无法在线找到API，我基本上需要这样的东西：

// Jakefile.js

var webpack = require("webpack");

desc('This is the default build task which also bundles stuff.');
task('default', function (params) {
    webpack.bundle("path-to-config"); // Something like this?
});

我如何实现这一目标？

尝试1

我尝试了以下内容：

// Jakefile.js

var webpack = require("webpack");
var config = require("./webpack.config.js");

desc('This is the default build task which also bundles stuff.');
task('default', function (params) {
    webpack(config);
});

webpack.config.js是我对webpack的配置。当我从命令行使用并引用该文件时，正确创建了包。但是当使用上面的代码时，它不起作用。当我执行它时，没有错误，但是没有发出包。

Answer 1

在尝试1 中，您似乎通过将配置传递给webpack方法来使用webpack的Node.js API。如果采用这种方法，webpack方法将返回编译器对象，您需要正确处理它。 例如，

import webpack from 'webpack';

var config = {}; // Your webpack config
var wpInstanceCompiler = webpack(config);
wpInstanceCompiler.run(function(err, stats) {
  if (stats.hasErrors()) {
    console.log(stats.toJson("verbose");
  }
});

这是通过Node.js API执行webpack配置的方法。除非您运行编译器实例，否则不会生成输出。

Answer 2

这对我也很有用：

var webpack = require("webpack");
var lib = require(path.join(__dirname, "webpack.config.js"));

desc('Builds the projects and generates the library.');
task('default', function() {
    webpack(lib, function() { 
        console.log("Bundle successfully created!"); 
    });
});