Node.js 快速静态服务与网页包
最近我一直在思考React应用程序的创建和服务方式。 在互联网上运行该应用程序有三种最流行的方式：Node.js 快速静态服务与网页包,node.js,rest,express,webpack,babeljs,Node.js,Rest,Express,Webpack,Babeljs,最近我一直在思考React应用程序的创建和服务方式。 在互联网上运行该应用程序有三种最流行的方式： 只需构建并运行index.html 使用express.static构建并提供index.html 使用webpack和babel创建应用程序 创造的差异是什么？ 最好的方法是什么？ 我可以只使用webpack拥有后端逻辑吗？我是否错过了创建react应用程序的其他方法 只需构建并运行index.html 我猜你的意思是没有服务器。如果您不需要使用任何安全资源或服务器端资源，这就足够了。这还意味着
你可以用React和Babel。技术上不需要Webpack，但Webpack或等效工具将使您的生活更加轻松。如果您只想在生产环境中服务，请创建一个Express JS服务器来为您的生产环境服务。但是您仍然需要构建源代码，因为我在开发过程中使用Webpack，所以我更喜欢Webpack，并将Express JS服务器文件添加到名为server的单独目录中，您可以在该目录中创建、设置和配置Express JS静态服务器，这可能需要添加一个单独的配置文件记录器，端口，argv到服务器目录，并将与服务器相关的中间件放置到不同环境下的server目录下的middleware，因此可以是adddevmiddleware.js、addprodMiddleware.js和frontendMiddleware.js。然后只需将服务器用于所有环境，例如：“start:prod”：“跨环境节点_env=生产节点服务器和开始：跨环境节点_env=开发节点服务器。它提供/包括许多东西。它将透明、起绒、缩小，使用gzip压缩用于生产，babel将确保在使用ES6方法/函数和语法编写代码时，您的代码被传输到早期兼容的Vanilla JS版本，如ES5，以支持较旧的浏览器。我知道，如果不编写TypeScript，您会喜欢使用ES6 网页包还包括将资源复制到生成文件夹，如图像、视频等 在开发过程中，您可以使用网页包模式“development”，该模式将自动将节点_ENV设置为dev，而不是出于调试目的缩小和压缩bundle.js文件。Webpack还有一个具有热重新加载功能的开发服务器。将应用程序构建到静态HTML/CSS和JS文件时 调用index.html将不起作用，因为您应该调用JavaScript文件index.js或app.js，这是在webpack.dev.babel.js和webpack.prod.babel.js中指定的，它们扩展了基本或通用的网页包配置，例如在webpack.base.babel.js将导入/需要index.html文件作为模板，使用HtmlWebpackPlugin。如何将模板构造或拆分为逻辑组件取决于您。您可以将所有内容放在一个模板文件index.html中，但它也可以只包含所需的元素，该元素可以/应该是一个简单的