Preguntas etiquetadas con webpack

¿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 require("imports?$=jquery!./file.js")

138 javascript  webpack  webpack-2  webpack-3 

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 ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, reglas ?, defaultRules ?, …

136 reactjs  webpack 

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 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> …

135 reactjs  ecmascript-6  webpack 

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 de que el …

135 javascript  reactjs  webpack 

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 *ngFor. Pero, a pesar del hecho de que …

135 angular  webpack  angular-cli 

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: { path: './', filename: 'index.js' }, devServer: { …

135 twitter-bootstrap  reactjs  webpack 

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: noviembre de …

132 angular  webpack  angular-cli 

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 'components/DoISuportIt' in '[absolute path to my repo]/src' …

131 npm  webpack  commonjs  webpack-2  package.json 

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 de Chrome …

130 javascript  webpack 

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 src="build/bundle.js"></script> <script> window.onload = function() { …

130 javascript  html  typescript  webpack 

¿Cómo configuro Angular y VSCode para que funcionen mis puntos de interrupción?

127 angular  debugging  webpack  visual-studio-code 

Estoy aprendiendo React.js y estoy usando Windows 8 OS. Tengo que navegar a mi carpeta raíz 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. …

125 npm  webpack 

Soy un poco nuevo en el mundo de los corredores de tareas y los paquetes y, mientras paso por cosas como Grunt, Gulp, Webpack, Browserify , No sentí que hubiera mucha diferencia entre ellos. En otras palabras, creo que Webpack puede hacer todo lo que hace un corredor de tareas. …

117 gruntjs  gulp  bundler  browserify  webpack 

Estoy creando una aplicación que usa webpack-dev-server en desarrollo junto con react-router. Parece que webpack-dev-server se basa en la suposición de que tendrá un punto de entrada público en un lugar (es decir, "/"), mientras que react-router permite una cantidad ilimitada de puntos de entrada. Quiero los beneficios de webpack-dev-server, …

117 javascript  reactjs  webpack  react-router 

Mientras configuraba React dentro del proyecto Django, encontré este error ModuleBuildError en la compilación del módulo falló (de ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Soporte para la sintaxis experimental 'classProperties 'no está habilitado actualmente (17: 9): 15 | 16 …

117 reactjs  webpack  babeljs  babel