-1

我是 Node 社区的新手,正在尝试启动一个 node (v6.1.0) 项目。

设置

  1. 我使用 Express 生成器建立了一个项目。它创建一个/bin/www,这似乎需要app.js根目录中的 ,然后启动服务器。
  2. 我尝试通过两种方式设置 Webpack (1.13.1),方法是webpack --watch /bin/www bundle.js在 package.json 中设置我的 npm start 脚本,或者根据文档在 webpack.config.js 中设置条目和输出。

错误 1

我尝试使用哪个配置并不重要(我一次只使用一个),当我启动我的 webpack 时会收到一条错误消息:

./bin/www 模块解析失败:~/testproject/bin/www 意外字符 '#' (1:0) 您可能需要适当的加载程序来处理此文件类型。

那条线是#!/usr/bin/env node,我认为这不会导致错误。

错误 2

如果我注释掉那一行(我认为我不应该这样做)。它看起来像捆绑包构建,但还有一大堆其他错误:

./~/serve-favicon/index.js 中的错误 找不到模块:错误:无法解析模块 'fs' in ... ./~/etag/index.js 中的错误 找不到模块:错误:无法解析模块' fs' in ...
./~/express/lib/request.js 中的错误 找不到模块:错误:无法解析模块中的“net”


这一切对我来说都有些陌生。

  1. 我正在寻找一种简单的方法来设置脚手架并运行 Webpack(最终是 Babel/React),但我什至无法通过设置/启动
  2. 我搜索了 Google、YouTube 和 Webpack/Express 文档;但似乎没有一个很好的例子(或解释)如何将 Webpack 与 Express 生成器一起使用。谁能解释一下?
  3. 似乎没有太多关于这两者的信息,除了将 Webpack 与 React 一起使用,然后在某些时候需要 Express(我不太确定为什么),但文件结构与使用 Express 生成器不同。谁能提供一个有用的网站?这些还不够:
4

1 回答 1

0

根据与@aarosil 的对话,我了解到我所遵循的 webpack 教程对于 webpack 的新进入者来说写得不好。它建议使用 webpack 运行脚本设置 package.json:start 脚本,替换/bin/www,让它看起来/bin/www是入口点。这是不正确的。

这也让 webpack 看起来可以指向任何顶级 JS 文件,并嗅探和打包客户端 JavaScript,这让我认为它知道如何跳过服务器/路由器部分。这也是不正确的。

Webpack 仅用于客户端 JavaScript。如果使用 Express 脚手架,它处理路由并为不同的视图使用翡翠模板,如果这些翡翠模板不共享 JavaScript,它们就有不同的入口点。每个入口点都必须 webpacked(捆绑)并且捆绑包包含在翡翠模板中(或者它可以插入到 HTML 文档中),但最简单的方法是更新翡翠模板。

于 2016-06-17T05:51:16.470 回答