Estoy tratando de hacer algo que creo que debería ser posible, pero realmente no puedo entender cómo hacerlo solo desde la documentación del paquete web. Estoy escribiendo una biblioteca de JavaScript con varios módulos que pueden o no depender el uno del otro. Además de eso, jQuery es utilizado...
Creo un proyecto ReactJS con el create-react-apppaquete y funcionó bien, pero no puedo encontrar los archivos y las configuraciones del paquete web. ¿Cómo funciona react-create-app con webpack? ¿Dónde se encuentran los archivos de configuración del paquete web en una instalación predeterminada...
¿Alguien sabe cómo crear múltiples rutas de salida en un archivo webpack.config.js? Estoy usando bootstrap-sass que viene con algunos archivos de fuente diferentes, etc. Para que webpack procese estos, he incluido el cargador de archivos que funciona correctamente, sin embargo, los archivos que...
Agregué un nuevo paquete npm a mi proyecto y lo requiero en uno de mis módulos. Ahora recibo este mensaje de webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". Qué significa eso?...
Todavía estoy confundido sobre cómo resolver las rutas del módulo con webpack. Ahora escribo: myfile = require('../../mydir/myfile.js') pero me gustaria escribir myfile = require('mydir/myfile.js') Estaba pensando que resolve.alias puede ayudar ya que veo un ejemplo similar usando{ xyz:...
Veo personas que usan trago con webpack. Pero luego leí webpack puede reemplazar gulp? Estoy completamente confundido aquí ... ¿alguien puede explicar? ACTUALIZAR Al final empecé con trago. Era nuevo en el front-end moderno y solo quería ponerme en marcha rápidamente. Ahora que tengo los pies...
Recién estoy comenzando con webpack y estoy teniendo dificultades para construir la muestra de múltiples puntos de entrada . El archivo webpack.config.js en el ejemplo incluye la línea var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); que me falla con el error Error:...
Estoy usando create-react-app. Estoy tratando de llamar una imagen desde mi carpeta pública desde un archivo dentro de mi src/components. Estoy recibiendo este mensaje de error. ./src/components/website_index.js Módulo no encontrado: intentó importar ../../public/images/logo/WC-BlackonWhite.jpg...
React router permite que las aplicaciones reaccionen para manejar /arbitrary/route. Para que esto funcione, necesito que mi servidor envíe la aplicación React en cualquier ruta coincidente. Pero el servidor de desarrollo webpack no maneja puntos finales arbitrarios. Aquí hay una solución que usa...
Estoy usando webpack para gestionar un proyecto reactjs . Quiero cargar imágenes en javascript por webpack file-loader. A continuación se muestra el webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin =
¿Es posible definir una variable global con webpack para obtener algo como esto: var myvar = {}; Todos los ejemplos que vi estaban usando un archivo externo
mi salida de error: Objeto de configuración inválido. Webpack se ha inicializado utilizando un objeto de configuración que no coincide con el esquema API. - configuration.module tiene una propiedad desconocida 'cargadores'. Estas propiedades son válidas: object {exprContextCritical ?,...
Estoy jugando con Reacty ES6usando babely webpack. Quiero construir varios componentes en diferentes archivos, importarlos en un solo archivo y agruparlos conwebpack Digamos que tengo algunos componentes como este: my-navbar.jsx import React from 'react'; import Navbar from
Tengo algún problema con mis imágenes en mi proyecto de reacción. De hecho, siempre pensé que la ruta relativa al atributo src se basaba en la arquitectura de archivos Aquí mi arquitectura de archivos: components file1.jsx file2.jsx file3.jsx container img js ... Sin embargo, me di cuenta...
Soy nuevo en reaccionar, quiero incluir bootstrap en mi aplicación de reacción He instalado bootstrap por npm install bootstrap --save Ahora, quiero cargar bootstrap css y js en mi aplicación react. Estoy usando webpack. webpack.config.js var config = { entry: './src/index', output: {...
Tengo una aplicación simple, inicializada por angular-cli. Muestra algunas páginas relativas a 3 rutas. Tengo 3 componentes. En una de esta página uso lodashmódulos Angular 2 HTTP para obtener algunos datos (usando RxJS Observables, mapy subscribe). Muestro estos elementos usando un simple...
ACTUALIZACIÓN: diciembre de 2018 (ver respuesta 'Aniket') Con Angular CLI 6 necesita usar constructores ya que ng eject está en desuso y pronto se eliminará en 8.0 ACTUALIZACIÓN: junio de 2018: Angular 6 no admite la expulsión de ng ** ACTUALIZACIÓN: febrero de 2017: use ng eject ACTUALIZACIÓN:...
Comencé a usar webpack2 (para ser precisos v2.3.2) y después de volver a crear mi configuración, sigo teniendo un problema que parece que no puedo resolver. ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve...
Supongamos que tengo una clase como esta (escrita en mecanografiado) y la empaqueto con el paquete web bundle.js. export class EntryPoint { static run() { ... } } En mi index.html incluiré el paquete, pero también me gustaría llamar a ese método estático. <script
Soy nuevo en webpack y estoy convirtiendo una aplicación web existente para usarlo. Estoy usando webpack para agrupar y minimizar mi JS, lo cual es excelente cuando se implementa, sin embargo, esto hace que sea muy difícil depurar durante el desarrollo. Por lo general, uso el depurador integrado...