如何使用服务器,客户端和共享代码来组织node,js / webpack项目?

问题描述 投票:2回答:1

这似乎是一种非常普遍的情况,但是我还没有找到一个好的解决方案。我是现代Java语言的新手,所以如果我在这里和那里使用错误的术语,请原谅我(或者更好的是,请纠正我)。

我正在开发Web应用程序。它有一个服务器,它在node.js中以Javascript(ES6,我相信-使用导入/导出)运行,并使用express.js作为路由器(并由express-cli构建)。它有一个客户端,也有Javascript,主要是Vue模块(由vue-cli构建)。我承认我不太了解很多发出的样板构建代码express-cli和vue-cli,但是它确实有效。当我尝试找到该问题的答案时,我没有使用google为我找到的许多页面中假定的框架的任何列表。

显然,客户端和服务器将来回发送数据结构(各种类的实例),我知道该怎么做。而且这些应该是相同的类定义。

我试图使webpack同时构建服务器和客户端,但是失败了,所以现在我将应用程序分为两个项目,每个项目都有自己的文件夹树,自己的package.json,自己的node_modules和我我只将webpack-dev-server用于客户端,将nodemon / babel用于服务器。第三个文件夹包含共享代码,该共享代码由客户端和服务器导入。我得到了足够好的效果以进行概念验证,但是让双方(和Visual Studio Code)认识到共享代码是它们的一部分,这确实是一个挑战,我敢肯定,我只是走错了路。

所以,我的问题是,目前认为构造和构建这种类型的客户端/服务器应用程序的最佳实践(或至少是良好实践)是什么?这个问题的理想答案将包括文件夹结构和足够的主要配置文件,以帮助我弄清楚如何编写我的。引用有关此主题的最新信息的可靠来源将使我感到非常满意。

[我怀疑正确的答案包括将所有内容合并回到一个项目中,并对webpack配置文件和project.json进行一些巧妙的处理,但是到目前为止,我可能还不知道该做些什么。

谢谢!

javascript node.js webpack client-server
1个回答
0
投票

我认为您正确使用node.js(server)/vue.js(client app)的单独文件夹,因为它们实际上是2个单独的项目。

© www.soinside.com 2019 - 2024. All rights reserved.