Preguntas etiquetadas con webpack

Actualmente estoy usando ES6 en una aplicación React a través de webpack / babel. Estoy usando archivos de índice para reunir todos los componentes de un módulo y exportarlos. Desafortunadamente, eso se ve así: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = …

202 javascript  ecmascript-6  webpack  babeljs 

¿Hay alguna forma de evitar que moment.jscargue todos los entornos locales (solo necesito inglés) cuando usa webpack? Estoy mirando la fuente y parece que si hasModuleestá definido, que es para webpack, siempre trata de require()cada configuración regional. Estoy bastante seguro de que esto necesita una solicitud de extracción para solucionarlo. …

199 javascript  gulp  momentjs  webpack 

Estoy tratando de automatizar los activos que entran / dist. Tengo el siguiente config.js: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { …

189 webpack 

Soy nuevo en todo el mundo nodejs / reactjs, así que me disculpo si mi pregunta suena tonta. Así que estoy jugando con reactabular.js . Cada vez que hago un npm startsiempre se ejecuta localhost:8080. ¿Cómo lo cambio para que se ejecute 0.0.0.0:8080para que sea accesible públicamente? He estado tratando …

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

Estoy usando create-react-app y prefiero no hacerlo eject. No está claro dónde deberían ir las fuentes importadas a través de @ font-face y cargadas localmente. A saber, estoy cargando @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } ¿Alguna sugerencia? - EDITAR …

177 css  reactjs  fonts  webpack  create-react-app 

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

173 javascript  webpack  external-dependencies 

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 create-react-app? No puedo encontrar archivos de configuración en las …

172 javascript  reactjs  webpack  ecmascript-6  create-react-app 

¿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 genera se guardan en la ruta de …

165 path  output  config  webpack  loader 

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: "/some/dir" } como alias, entonces puedo require("xyz/file.js"). Pero si configuro mi alias …

164 javascript  webpack 

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? ¿Necesito tomar alguna acción?

164 webpack  babeljs 

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 bastante mojados después de …

161 node.js  webpack  gulp 

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: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Al buscar, encontré otros ejemplos de uso …

151 node.js  webpack 

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 que queda fuera del directorio src / del proyecto. Las importaciones relativas fuera de src / no …

149 javascript  reactjs  webpack  create-react-app 

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 un servidor express adicional. Cómo permitir que …

148 reactjs  ecmascript-6  webpack  react-router 

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 = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; …

141 javascript  reactjs  webpack