看看你能不能帮忙。我告诉你,10 多年前,我使用 html、php、css、js 文件等开发了我的 Web 应用程序……然后我用 Apache 将它上传到服务器,仅此而已。事实是,现在我已经沉浸在 vue.js 的世界中,开始产生一些疑问。我一直在寻找信息,但是教程比其他任何东西都多,而且它们都很中肯,我无法找到一个可以很好地向我解释的地方。
我用 Vue.js + bootstrap + node.js + Visual Studio Code 制作了一个应用程序。要在开发时启动服务器,我使用 npm run serve,如果我没记错的话,这是一个 Node 服务器。到目前为止,我认为没有任何问题。
但要进行生产构建,我使用 npm run build 命令。最后一个过程为我生成 html、js 和 css 文件。我没有看到任何与 Node.js 或我在开发中使用的框架相关的任何痕迹。此时我开始对文件进行测试。我把它们放在 apache 服务器上,但我无法在浏览器中打开网页,经过一段时间的测试和重新启动后,我让它工作了。这就是让我的头爆炸的原因。
- 我不需要生产服务器上的 Node.js 吗?它是否仅用于开发并且进行构建消除了在生产中使用它的需要?
- 能不能给我举个简单的例子,Node.js 和 webpack 介入,粗略总结从开发到生产的过程,说明每个阶段都涉及到哪些工具?
我进行了很多搜索,但我发誓没有任何网站可以为我澄清任何事情。我对notepad++、xampp、php、css、html、js、mysql感到满意,客户端和服务器之间的清晰分离,易于部署......
提前致谢!
在我看来(我可能错了,不知道更多细节)你正在使用 npm 来构建应用程序及其依赖项和用于应用程序打包的 webpack。
我要回答的只是假设是这种情况:
当你做
npm run serve
的时候,首先要做的就是把你所有的源代码打包成一个 js 文件和一个 css 文件(这是涉及 webpack 的地方,见下文)。然后,生成一个包含这两个文件的 html 文件,最后启动一个节点服务器,为您提供 localhost 上的 html 文件。像这样安装它的好处是,如果您更改一些源代码,更改会热执行,您甚至不必按 F5 来查看它。当您执行 CTRL+C 时,您只需关闭开发节点服务器,您就不必再担心它了。当您使用 生成代码时
npm run build
,您生成的是相同的 js、css 和 html 文件,但在一个缩小版本中用于将其投入生产。如果它生成的 HTML 文件对您有用,您可以使用它,但通常您只需在应用程序的 HTML 代码中包含 css 和 js,因为您肯定需要配置标题、元数据等.
要了解您使用 npm 所做的一些内容,您可以查看 package.json 文件,因为在那里您可以看到您实际执行的命令。
例如我有这样的事情:
这些是我执行时执行的命令
npm run start
,npm run build
和npm run debug
分别。最后一个帮助我生成 JS 和 CSS,但没有最小化。第一个在端口 8080 上启动开发服务器。如果我说的不完全准确,请提前抱歉,我也是从老学校来的,并不是我已经很长时间了,但我希望它对你有所帮助。