使用 webpack 节点模块进行捆绑答案

【问题标题】：Bundling using webpack node moule使用 webpack 节点模块进行捆绑
【发布时间】：2017-01-03 15:24:47
【问题描述】：

我已经在Win 10系统下安装了webpack节点模块版本

npm install webpack@2.2.0-rc.3 --save

当尝试执行以下命令以捆绑我的示例 .js 文件时，它会引发图像中描述的错误。

.\node_modules\webpack\bin\webpack.js index.js bundle.js

index.js 的内容是

var app = document.getElementById('app');
app.innerHTML = '<p> Hi there </p>';

知道需要做什么。

【问题讨论】：

【解决方案1】：

您必须使用 node 命令从命令行运行 JavaScript - 只需键入这样的文件名，即可在系统上的 .js 文件的任何关联程序中打开它（在您的情况下，Windows Script Host )。

node .\node_modules\webpack\bin\webpack.js index.js bundle.js

或者，您可以全局安装 Webpack，这会将命令添加到您的 PATH。

npm install webpack --global
webpack index.js bundle.js

请注意，如果您在本地安装了 Webpack 的目录中运行 webpack 命令（就像您在此处所做的那样），it'll use that version rather than the one you have installed globally。

【讨论】：