Webpack es un paquete de módulos de JavaScript. Webpack toma módulos con dependencias y genera activos estáticos que representan esos módulos. Las características clave de Webpack se basan en la extensibilidad y permiten a los desarrolladores utilizar las mejores prácticas en Arquitectura Web y Rendimiento Web.

webpack...

Estoy tratando de lograr la compilación / implementación de mi aplicación de reacción que usa Firebase (por ahora solo el módulo de autenticación) usando acciones de github con secretos. Para el desarrollo local, uso el archivo .env con webpack y la biblioteca dotenv-webpack. En la máquina local, to....
13 ago. 2020 a las 18:54
Quería obtener una lista de todos los archivos de rebajas dentro de la carpeta posts usando require.context Así es como lo hago dentro de blog.js: const req = require.context('../posts', true, /\.md$/); const posts = (ctx => { const keys = ctx.keys(); const values = keys.map(ctx); const ....
6 ago. 2020 a las 18:17
Cuando ejecuto gatsby build, aparece el siguiente error. Sé cómo solucionarlo (por ejemplo, verifique typedef de la ventana) pero no puedo encontrar ese uso de la ventana. ¿Cómo puedo saber dónde está? Sospecho de un módulo de nodo ya que no tengo muchas referencias de ventana en mi propio código Mu....
6 ago. 2020 a las 16:11
Implementé la aplicación Rails en la instancia AWS EC2 utilizando Rails y Unicorn . Pero se crea el comando rake webpacker:compile que no genera public / packs ni siquiera public / assets . También probé rake assets:precompile RAILS_ENV=production pero fue lo mismo. ¿Alguien puede ayudarme....
5 ago. 2020 a las 10:38
Contexto: Estoy codificando una API de WebGL personal usando Typecript con Webpack. Los productos WebGL se procesan correctamente en el navegador. Todo está bien ! Ahora, intentando crear algunas pruebas unitarias siguiendo esta configuración con mocha: Pruebas unitarias de aplicaciones de nodo co....
2 ago. 2020 a las 17:30
Tengo un objeto personalizado de clase en mi GameScene. this.player = new Player(       this,       this.game.config.width * 0.5,       this.game.config.height * 0.5,       "playerShip"     ); Este objeto tiene vidas y puntuación. ¿Cuál es la mejor manera de pasar todos los datos del jugador a otra....
2 ago. 2020 a las 10:09
Estoy tratando de implementar algo similar a la inyección de dependencias, obteniendo nombres de parámetros de una función expuesta por un módulo javascript, algo como esto: module.exports = (router,form,query,url) => { // Do something with these parameters ... return response; }; Puedo r....
Estoy tratando de escribir frontend (React) y backend (Express) en TypeScript. Por el momento, mi webpack.config.js en la carpeta raíz encuentra un error a pesar de que tengo ts-loader para ello. Soy webpack.config.js const webpack = require('webpack'); const path = require('path'); const config = ....
30 jul. 2020 a las 16:32
Ahora, podemos hacer lo siguiente en los navegadores: // module.js var a = 10; var m = 20; export {a,a as aa}; export var b = 30; export function f(){return m;}; export class cl{} Luego, en el archivo HTML principal, digamos index.html: <!DOCTYPE html><html><body> <script type="module"> import ....
30 jul. 2020 a las 09:17
Estoy actualizando un proyecto de Webpack 3 a Webpack 4. Actualmente tengo un archivo en /my-proj/apps/myApp1/wrappers/clientWrapper.js que es export default { a: 1, b: 2, }; Configuración del cliente de paquete web: entry: { index: [ 'core-js/modules/es6.symbol', 'regenerator-runti....
28 jul. 2020 a las 20:52
Estoy intentando inyectar un archivo css en mi index.html. Actualmente mi paquete web hace lo siguiente Convierte mi SASS en CSS Nombre el archivo css con hash (por ejemplo, optionA-32d6cb.css) Se coloca en la carpeta ./dist Salida de la estructura de carpetas: - Dist - OptionA - optionA-....
27 jul. 2020 a las 16:46
Tengo una biblioteca que usa módulos ES y quiero generar un archivo UMD en ES5. Tengo una configuración como esta: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: { index: path.resolve('./src/index.js') }, output: { library: 'name'....
25 jul. 2020 a las 17:32
Cuando intenté ejecutar el siguiente código (IndecisionApp.js) con el servidor en vivo con http://127.0.0.1:8080/, el código muestra muy bien el resultado. Pero instalé la versión webpack de 3.1.0, webpack-cli de la versión 3.3.12 y webpack-dev-server de la versión 2.5.1. Pero cuando el servidor web....
25 jul. 2020 a las 07:50
He reunido mi primera configuración de Webpack muy simple desde cero. En esto me gustaría agrupar JS y también compilar, minimizar y autoprefijar SCSS. El código tiene este aspecto: webpack.config.js const path = require('path'); module.exports = { entry: ['./src/index.js', './src/scss/main.scs....
23 jul. 2020 a las 22:43
Nuestro código depende del paquete javascript streamlinehq/streamline-regular. Este paquete es de terceros y propietario, lo que significa que no podemos bifurcarlo ni editarlo. Tenemos el código de ejemplo debug.js de esta manera: import MessagesSpeechBubbles from '@streamlinehq/streamline-regular/....
20 jul. 2020 a las 22:28
Estoy tratando de configurar el entorno para mi proyecto, pero tengo un problema con webpack-dev-server. Si uso la siguiente configuración y no agrego el objeto de configuración devServer, todo funciona bien. Puedo abrir mi proyecto, vaya a dist y luego veré mi proyecto que se actualizará si cambio ....
18 jul. 2020 a las 13:54
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: null. Check the render method of TransitionGroup. Para ser muy específico, este problema solo ocurre cuando uso material-ui e importo cualquiera de sus componentes. No puedo ....
12 jul. 2020 a las 10:31
Tengo un componente en el que necesito mostrar una imagen: import React from 'react' import background from '../media/content-background.jpg' function ContentPage(){ return( <div id="content-page"> <div id="content-header"> <img href={background} alt='back'/>....
11 jul. 2020 a las 12:56
Estoy trabajando en el proyecto React y descubrí que uno de los archivos del paquete es demasiado grande y necesito dividirlo. Entonces, intenté usar la sintaxis import(): import React from 'react'; import thumbnails from './thumbnails.json'; export default class Portfolio extends React.Component {....
11 jul. 2020 a las 09:48
Me encontré con un problema que no muestra advertencias de Proptypes. Construyo el proyecto usando Webpack. Encontré un problema similar y su solución https://stackoverflow.com/a/49051128/12309001, pero puedo ' No descubra qué complemento bloquea su visualización. Otros errores y advertencias se mue....
9 jul. 2020 a las 19:29
Nota: No estoy usando NextJS para mi aplicación SSR. Tampoco utilicé create-react-app para crear mi aplicación. Tengo una aplicación React Server Side Rendered (SSR) que fue construida a mano (como se supone para usar una herramienta como create-react-app). Uso WebPack para agrupar el código del l....
9 jul. 2020 a las 18:34
Al ejecutar webpack, recibo los errores: ERROR in ./node_modules/core-js/index.js Module not found: Error: Can't resolve './es' in 'pathtoproject\node_modules\core-js' @ ./node_modules/core-js/index.js 1:0-15 @ multi core-js whatwg-fetch ./src/contactForm.tsx ERROR in ./node_modules/core-js/index....
8 jul. 2020 a las 14:25
Hace unos días reinstalé Windows 10. Estoy desarrollando una aplicación web de pila completa con express como backend y React.js como frontend. Estoy usando nodemon para realod el servidor y webpack-dev-server para la interfaz. Vale la pena mencionar que estoy usando WSL2. Noté que nodemon no reacci....
Perdóname si esto suena tonto u obvio, pero he estado trabajando bien en mis diversos proyectos usando expo por un tiempo ahora, pero de repente, a mitad de mi proyecto, cada vez que inicio el paquete de metro usando expo start e intento ejecutar en el dispositivo Android, de repente aparece un erro....
4 jul. 2020 a las 21:25
Estoy trabajando con rieles 5.1.7. e intentando migrar de la canalización de activos a webpacker, ya he ejecutado activos de rake: precompilación Recibo este mensaje: Webpacker can't find logo.png in /***/public/packs/manifest.json. Possible causes: 1. You want to set webpacker.yml value of compile ....