遵循官方教程时webpack出错

error with webpack when follow official tutorial

当我学习 webpack 时,我遵循这个教程:http://webpack.github.io/docs/tutorials/getting-started/ 我 运行 webpack ./entry.js bundle.js 安装 webpack 后(使用与教程相同的命令)并创建与教程完全相同的文件。然后我得到了错误。

 "module.js:338
    throw err;
    ^
Error: Cannot find module 'assert/'
    at Function.Module._resolveFilename (module.js:336:15)
    at Function.require.resolve (module.js:388:19)
    at Object.<anonymous> (/usr/local/lib/node_modules/node-libs-browser/index.js:1:93)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at Object.<anonymous> (/usr/local/lib/node_modules/webpack/lib/node/NodeSourcePlugin.js:7:23)
"

环境是osx10.10.3,节点是v0.12.4。 我该如何解决这个问题?

您确定系统中正确安装了 Webpack 吗?

无论如何,最好使用本地安装。这里有一些快速说明,因此您可以试一试。在您的项目目录中关注:

  1. npm init
  2. 只需点击 return 即可获取所有内容,除非您想调整一些。这将在您的项目根目录中生成 package.json
  3. 命中npm i webpack --save-dev。这会将 Webpack 作为开发依赖项附加到您的项目。
  4. 命中node_modules/.bin/webpack ./entry.js bundle.js

或者,您可以在 package.json:

中设置一个像这样的 scripts 部分
{
    "scripts": {
        "build": "webpack ./entry.js bundle.js"
    }
}

如果您在此之后点击 npm run build,它会执行相同的操作。

我在 freely available book about Webpack 中详细介绍了很多。您可以在那里找到更高级的处理方法。