Digamos que tengo un código JavaScript que quiero usar tanto en un servidor Node como en un cliente de navegador. Define un par de clases que serían útiles en ambos lados. Me gustaría evitar tener que escribir el código común dos veces o dividir el código específico del cliente y del servidor en subclases.
¿Hay alguna manera en el paquete web (o en cualquier otro empaquetador) para marcar funciones específicas como ignoradas?
Por ejemplo, en el siguiente fragmento, el comentario /* webpack-dont-pack */
evita que la función serverOnly
se compile en la compilación del cliente (similar a eslint o ts ignore comments).
class SomeClass { constructor(arg1, arg2) { // init } commonFunction(arg1) { // do something } /* webpack-dont-pack */ serverOnly(serverArg) { // how can this function be excluded from a specific webpack bundle? } }
Preferiblemente, el paquete para el cliente excluiría la función serverOnly
y la compilación del servidor incluiría esta función. Tenga en cuenta que el uso de "cliente" y "servidor" es arbitrario en este caso. Se trata más de si dos paquetes pueden tener un código diferente.
Podría usar la herencia y las exportaciones condicionales en el módulo de la clase, algo así como:
class BaseClass {} class ClientClass extends BaseClass {} class ServerClass extends BaseClass { method() { console.log("I have my methods"); } } const Foo = (process.env.production === "true" ? ServerClass : ClientClass); export { Foo as MyClass };
El método (o, más bien, ServerClass
) debe eliminarse del paquete si el método del entorno de production
no está configurado como "verdadero". Pienso.