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 file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an …

99 reactjs  webpack  webpack-2 

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: > webpack-dev-server -d --config webpack.dev.config.js …

97 node.js  npm  webpack 

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 concatenado y no minificado compuesto …

96 javascript  ruby-on-rails  google-chrome  webpack  source-maps 

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 herramienta de análisis que visualiza su compilación y también proporciona algunas pistas sobre cómo se pueden optimizar el tamaño …

96 optimization  webpack 

¿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 …

96 google-chrome  caching  webpack 

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 Inline', cursive; } Sin embargo, no funciona. ¿Como puedó resolver esté …

96 reactjs  webpack  google-font-api 

Acabo de crear un nuevo angular-cliproyecto y ejecutó npm install bootstrap@4.0.0-beta 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": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], sin embargo, recibiendo el error a continuación 10:2287 Uncaught SyntaxError: Unexpected token export at …

95 twitter-bootstrap  angular  webpack  popper.js 

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 ideas?

95 javascript  webpack  fsevents 

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 solicitar todos …

95 javascript  build  webpack 

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 comprensión: webpack: Es un paquete, una herramienta para …

95 javascript  node.js  webpack  webpack-dev-server  webpack-dev-middleware 

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 archivo …

95 node.js  reactjs  npm  webpack  webpack-dev-server 

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 parece haber una forma …

93 javascript  build  conditional  require  webpack 

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', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …

92 node.js  reactjs  webpack  reactjs-flux  webpack-dev-server 

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, dentro del paquete …

91 html  ecmascript-6  webpack  vue.js  favicon 

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.

91 css  webpack  webpack-style-loader