node.js - 使用 package.json 一起运行 Node 服务器和 webpack

Question

通过学习此视频，我已经完成了待办事项应用程序:

Super MEAN Stack Tutorial: Angular, Node/Express, Webpack, MongoDB, SASS, Babel/ES6, Bootstrap

在该视频中，时间为 19:18 this url 它被教导如果我想在 windows 中使用 npm run dev 运行它，我应该在单独的 git-bash 实例中使用以下两个命令:

node server
webpack-dev-server --progress --colors

但在 Linux(或除 Windows 以外的任何其他操作系统)中，您可以使用此脚本:

"Scripts": {
    "start": "NODE_PATH=$NODE_PATH:./src node server",
    "dev": "npm start & webpack-dev-server --progress --colors"
}

那么，有什么办法可以在 Windows 中执行相同的操作吗？

此外，在那个教程中我可以看到那个端口号。 3000 分配给 Node 服务器，但由于使用开发依赖，他在浏览器中运行 localhost:8080。你可以看到 here .教程完成后，我跟着创建了那个应用程序。现在我想部署它。所以，我首先想学习在非开发依赖模式下运行测试我的网站。即当我在浏览器中键入 localhost:3000 时，我的应用程序应该会成功运行。那么，有人可以解释一下这方面的步骤吗？

更新:

我是 node.js 的新手。我在 Node 上看了很多视频，并试图从中学到一些东西。在所有视频中，我看到我在端口号上运行 Node 服务器。 3000，然后我在浏览器中输入 localhost:3000。现在我终于看了关于他使用 webpack 的平均堆栈的视频。现在，我很困惑。我认为有两台服务器在运行。第一个服务器是 webpack 的服务器，第二个服务器是 Node 的服务器。直到今天，我在浏览器中输入了 localhost:3000，因为我在我的代码中提到了 Node 将使用端口 3000。但现在在视频中，他正在浏览器中运行 localhost:8080。这意味着使用了 webpack 的服务器。然后 Node 服务器发生了什么。为什么我不能只运行 localhost:3000？同样在视频中解释了 webpack 是一个开发依赖项。所以，我认为在应用程序完成并准备好部署后，我的项目可以在 Node 服务器上运行(通过对代码进行一些更改，我不确定)。让我们举个例子。现在我不想将应用程序部署到真实服务器。我想让同一个应用程序在我 friend 的电脑上运行。他不是开发人员。所以，他不应该依赖 webpack，因为 webpack 是一个开发依赖。所以，他应该能够在 Node 服务器而不是 webpack 的服务器上运行应用程序。因此，他应该键入 localhost:3000 而不是 localhost:8080。这就是我不明白的。

Answer 1

让我们分解一下:

1. 如果您已经定义了这个脚本:

   "Scripts": {
       "start": "NODE_PATH=$NODE_PATH:./src node server",
       "dev": "npm start & webpack-dev-server --progress --colors"
   }
   

2. ... 然后这个 npm 命令:npm run dev

3. ...实际上调用了这两个 Action :

   a) npm start & # 在后台运行 NPM

   b) webpack-dev-server --progress --colors # 在前台同时运行webpack

您可以使用 Windows 以多种方式完成相同的事情，从一个像这样的简单 .bat 文件开始:

1. 示例:RunDev.bat:

   start npm start
   webpack-dev-server --progress --colors
   

============================================= ========================

强烈建议:

1. 请暂时忘记观看视频。尝试几个“hello world”教程。更重要的是，使用实际代码。尝试更改代码中的内容，看看会发生什么。

2. 至少暂时忘掉 webpack。

3. 将 npm 视为“构建工具”； 不是作为运行应用程序的方式。至少片刻。

4. 专注于“Node ”。写一个“Node 应用”。

5. 您的“Node 应用程序”的一部分将需要“ExpressJS”和“Jade”(现在更名为“pug”——我仍在使用“Jade”)。使用 npm 获取 ExpressJS 和 Jade 依赖项，但要专注于 Node。

建议的教程:

A Simple Website in Node.js, Ben Gourley

1. 一定要:

一个。下载代码

使用下载的代码完成教程

请回发(新帖子)，说明您在学习本教程时可能遇到的任何具体问题。