小编Ana*_*kin的帖子

如何单独捆绑供应商脚本并根据需要使用Webpack?

我正在尝试做一些我认为应该可行的事情,但我真的无法理解如何从webpack文档中做到这一点.

我正在编写一个包含多个模块的JavaScript库,这些模块可能相互依赖或不相互依赖.最重要的是,jQuery被所有模块使用,其中一些可能需要jQuery插件.然后,该库将用于几个可能需要部分或全部模块的不同网站.

定义我的模块之间的依赖关系非常简单,但定义他们的第三方依赖关系似乎比我预期的更难.

我想要实现的目标:对于每个应用程序,我希望有两个捆绑文件,一个包含必要的第三方依赖项,另一个包含我库中的必要模块.

示例:假设我的库具有以下模块:

  • a(需要:jquery,jquery.plugin1)
  • b(要求:jquery,a)
  • c(要求:jquery,jquery.ui,a,b)
  • d(需要:jquery,jquery.plugin2,a)

我有一个应用程序(将其视为唯一的条目文件),需要模块a,b和c.此案例的Webpack应生成以下文件:

  • 供应商包:使用jquery,jquery.plugin1和jquery.ui;
  • 网站包:模块a,b和c;

最后,我更喜欢将jQuery作为全局文件,因此我不需要在每个文件上都需要它(例如,我只需要在主文件上使用它).并且jQuery插件只是在需要时扩展$ global(如果它们可用于不需要它们的其他模块则不是问题).

假设这是可能的,那么这个案例的webpack配置文件的例子是什么?我在我的配置文件上尝试了几种加载器,外部和插件的组合,但我并没有真正了解他们正在做什么以及我应该使用哪些.谢谢!

javascript external-dependencies webpack

165
推荐指数
4
解决办法
11万
查看次数

如何测试依赖于useContext钩子的react组件?

我有一个使用的组件,useContext然后它的输出取决于上下文中的值。一个简单的例子:

import React, { useContext } from 'react';

const MyComponent = () => {
  const name = useContext(NameContext);

  return <div>{name}</div>;
};
Run Code Online (Sandbox Code Playgroud)

当使用来自react和jest快照的浅色渲染器测试此组件时。如何更改值NameContext

reactjs jestjs react-test-renderer react-hooks

14
推荐指数
5
解决办法
8056
查看次数

使用WebSockets进行多人HTML5游戏开发.选择什么,Node.js,或Ratchet,还是其他?

在提出这个问题之前,我做了一些研究,但我无法找到适合我情况的具体答案.我还是WebSockets和游戏开发的新手,所以我可能无法很好地解释某些部分,如果是这种情况,请告诉我,以便我可以尝试更好地解释它.

我目前正在使用CakePHP开发一个Web应用程序,它将提供几种HTML5多人游戏.在某些情况下,这些游戏需要将数据发送到数据库.问题是,我想使用Node.js来实现游戏服务器端逻辑,但我不确定我是否能够将数据传递到数据库.我认为最好的方法是将Node.js中的数据发送到PHP操作,然后将其存储在数据库中,但我也不知道是否可以.

我发现了一些关于这个DNode的东西,但我不确定这是否是我的问题的答案,而且它似乎是测试版,我想避免.

作为替代方案,我考虑使用Ratchet来实现游戏服务器端逻辑.至少我知道我能够与我的应用程序进行通信,但由于我在游戏开发中找不到任何参考,我不确定这是不是一个好主意.

我不知道任何其他框架,所以如果我有比这两个更好的选择,请告诉我:)

请告诉我你的意见.谢谢!

html5 cakephp node.js ratchet

6
推荐指数
1
解决办法
6982
查看次数

如何修复 Chunk.modulesIterable 的弃用警告?

我是external-svg-sprite-loader的维护者,我注意到当将它与 webpack 5 一起使用时,我收到以下警告:

[DEP_WEBPACK_CHUNK_MODULES_ITERABLE] DeprecationWarning: Chunk.modulesIterable: Use new ChunkGraph API
Run Code Online (Sandbox Code Playgroud)

构建通过,但我希望能够修复此弃用警告。但是,我找不到有关modulesIterable或 ChunkGraph API 的任何文档。我应该在哪里寻找它,这个问题的潜在解决方案是什么?

webpack webpack-5

5
推荐指数
2
解决办法
3929
查看次数

多人游戏是否应始终在每个客户端请求中从数据库请求数据?

好吧,我不知道这个问题的标题是否合适,但我不知道如何用几句话来说.

我目前正在开发一个多人2D游戏,在服务器端使用NodeJS和Socket.io,在客户端使用HTML5.除非他们完成比赛,否则这个游戏不需要保存球员的进度.我必须确保所有关于球员的信息,例如得分和帮助始终有效.所以我决定将这些信息集中在服务器上,这样客户端就不会向服务器发送分数,而是根据发送的信息计算服务器计算分数并将其发送给所有客户端.除此之外,我可以让这个游戏的不同会话最少运行2个玩家,最多4个玩家.

起初我决定实现这一点,服务器总是在内存中维护游戏会话数据,但现在我在质疑自己是否应该使用数据库来存储这些数据.我正在使用数据库来存储会话数据,因为我没有使用未完成的会话数据.但是,我应该在他们玩的时候维护数据库中的会话和玩家数据吗?我的问题是客户端经常与服务器通信,这种方法我必须首先从数据库请求他们的数据,进行必要的更改,将其存储回数据库,并在每个客户端请求上重复此过程.也许答案很明显,但我应该使用这种方法吗?

这是我第一次开发游戏,所以我不知道事情通常如何运作.我只知道我希望服务器快速.我之所以选择维护内存的一切,主要是因为我发现的关于多人游戏开发的所有示例和教程都没有提到过数据库......

谢谢!

html5 multiplayer node.js socket.io

4
推荐指数
1
解决办法
1137
查看次数