Preguntas etiquetadas con webpack

Estoy tratando de importar componentes de react-materialize como - import {Navbar, NavItem} from 'react-materialize'; Pero cuando el paquete web está compilando .tsx, arroja un error para lo anterior como: ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration...

Estoy trabajando en una aplicación web React usando webpack, junto con este tutorial . Accidentalmente, agregué la carpeta node_modules a mi git. Luego lo quité de nuevo usando git rm -f node_modules/*. Ahora, cuando intento iniciar el servidor de paquete web, aparece el siguiente error: >...

Había construido un sitio web con React.js y webpack . Quiero usar fuentes de Google en la página web, así que pongo el enlace en la sección. Fuentes de Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> Y configura CSS body{ font-family: 'Bungee...

Tengo un problema en el que los mapas de origen generados por Webpack usando la inline-source-mapconfiguración de configuración están desviados en una línea cuando uso el depurador de Chrome devtools. Webpack se configura dentro de una aplicación Ruby on Rails para generar un archivo JavaScript...

¿Estoy interesado en el caché de memoria de Chrome vs el caché de disco? Utilizo webpack, plugin de fragmentos comunes y genero todos mis archivos con chunkhash. ¿En qué se diferencia la memoria del caché de disco? Cuando recargo mi página, algunos archivos se cargan desde la memoria caché y...

Investigación previa: Como dice la wiki de webpack, es posible utilizar la herramienta de análisis para optimizar el rendimiento de la construcción: de: https://github.com/webpack/docs/wiki/build-performance#hints-from-build-stats Sugerencias de estadísticas de construcción Existe una...

Intenté ejecutarlo webpack --watchy después de editar mis archivos JS, no activa una recompilación automática. Intenté reinstalar webpackusando npm uninstallpero todavía no funciona. ¿Algunas

Soy muy nuevo en webpack, descubrí que en la compilación de producción podemos reducir el tamaño del código general. Actualmente, el paquete web tiene alrededor de 8 MB de archivos y main.js alrededor de 5 MB. ¿Cómo reducir el tamaño del código en la construcción de producción? Encontré un...

Estoy empezando a trabajar con webpackun node/expressentorno que desarrolla una ReactJSaplicación renderizada del lado del servidor con react-router. Estoy muy confundido acerca del rol de cada paquete webpack para entornos dev y prod (tiempo de ejecución). Aquí está el resumen de mi...

Acabo de crear un nuevo angular-cliproyecto y ejecutó npm install [email protected] jquery popper.js --save y cambió las partes relacionadas de .angular-cli.json como se muestra a continuación "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [...

Tengo una gran cantidad de archivos javascript divididos en 4 subdirectorios en mi aplicación. Con un gruñido, los agarro todos y los compilo en un archivo. Estos archivos no tienen una función module.exports. Quiero usar el paquete web y dividirlo en 4 partes. No quiero entrar manualmente y...

Tengo algunas cosas para desarrollar, por ejemplo, simulacros con los que no me gustaría inflar mi archivo de compilación distribuido. En RequireJS, puede pasar una configuración en un archivo de complemento y, de manera conditonal, requerir cosas en función de eso. Para el paquete web, no...

Solo puedo ver la aplicación real debajo /public. Las configuraciones en webpack.config.jsestán a continuación: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',...

Veo los siguientes errores al intentar iniciar mi aplicación ... > [email protected] start /Users/johnnynolan/Repos/css-modules webpack && open index.html (node:5706) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks`

Tengo esta sencilla aplicación helloworld react creada a partir de un curso en línea, sin embargo, aparece este error: Objeto de configuración no válido. Webpack se ha inicializado mediante un objeto de configuración que no coincide con el esquema de API. - la configuración tiene una...

He creado un vue webpackproyecto usando vue-cli. vue init webpack myproject Y luego ejecutó el proyecto bajo dev modo: npm run dev Tengo este error: Error al cargar el recurso: el servidor respondió con un estado de 404 (no encontrado) http: // localhost: 8080 / favicon.ico Entonces,...

P.ej @import url("~./foobar"); Lo vi aquí , no estoy seguro de si es algo específico del paquete o si es una sintaxis CSS real.

Estoy trabajando con webpack y necesito ejecutar ./node_modules/webpack/bin/webpack.jsusando npx. npx webpackejecutaría el paquete web binary ( ./node_modules/webpack/bin/webpack), pero cada vez que ejecuto el paquete web npx obtengo bash: npx: command not found. Estoy usando: nodo:...

Estoy implementando un ejemplo de https://github.com/moroshko/react-autosuggest El código importante es así: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...

Tengo una reactjsaplicación escrita con los estándares ES6 y la uso webpackpara crearla. Las webpackcargas de los jsmódulos usando babel-loader. Para ser específico, utilizo las siguientes versiones de paquetes: ├── [email protected] ├── [email protected] ├── [email protected] └──...