Programmierung webpack

5

Definieren Sie die globale Variable mit dem Webpack

Ist es möglich, eine globale Variable mit Webpack zu definieren, um so etwas zu erhalten: var myvar = {}; Alle Beispiele, die ich sah, verwendeten externe Dateien require("imports?$=jquery!./file.js")

137 javascript webpack webpack-2 webpack-3

5

configuration.module hat eine unbekannte Eigenschaft 'loader'

meine Fehlerausgabe: Ungültiges Konfigurationsobjekt. Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt. - configuration.module hat eine unbekannte Eigenschaft 'loader'. Diese Eigenschaften sind gültig: Objekt {exprContextCritical?, ExprContextRecursive?, ExprContextRegExp?, ExprContextRequest?, NoParse?, Regeln?, DefaultRules?, UnknownContextCritical?, UnknownContextRecursive? ?, strictExportPresence?, strictThisContextOnImports? } -> Optionen, die die normalen Module betreffen ( NormalModuleFactory). …

136 reactjs webpack

6

Wie importiere und exportiere ich Komponenten mit React + ES6 + Webpack?

Ich spiele mit Reactund ES6benutze babelund webpack. Ich möchte mehrere Komponenten in verschiedenen Dateien erstellen, in eine einzige Datei importieren und mit ihnen bündelnwebpack Angenommen, ich habe einige Komponenten wie diese: my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar …

135 reactjs ecmascript-6 webpack

11

Richtiger Pfad für img auf React.js

Ich habe ein Problem mit meinen Bildern in meinem Reaktionsprojekt. In der Tat habe ich immer gedacht, dass der relative Pfad zum src-Attribut auf der Dateiarchitektur basiert Hier meine Dateiarchitektur: components file1.jsx file2.jsx file3.jsx container img js ... Mir wurde jedoch klar, dass der Pfad auf der URL basiert. In …

135 javascript reactjs webpack

14

Wie kann ich die Größe des Produktbündels verringern?

Ich habe eine einfache App, initialisiert von angular-cli. Es werden einige Seiten in Bezug auf 3 Routen angezeigt. Ich habe 3 Komponenten. Auf einer Seite springt Nutzung lodashund Angular 2 HTTP - Module einige Daten (mit RxJS bekommen Observables, mapund subscribe). Ich zeige diese Elemente mit einem einfachen *ngFor. Aber …

135 angular webpack angular-cli

18

Wie füge ich Bootstrap CSS und JS in die ReactJS App ein?

Ich bin ein Neuling in der Reaktion. Ich möchte Bootstrap in meine Reaktions-App aufnehmen Ich habe Bootstrap von installiert npm install bootstrap --save Jetzt möchte ich Bootstrap CSS und JS in meine Reaktions-App laden. Ich benutze Webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' …

135 twitter-bootstrap reactjs webpack

6

angle-cli wo ist die Datei webpack.config.js - new angle6 unterstützt ng eject nicht

UPDATE: Dezember 2018 (siehe 'Aniket'-Antwort) Mit Angular CLI 6 müssen Sie Builder verwenden, da ng eject veraltet ist und in 8.0 bald entfernt wird UPDATE: Juni 2018: Angular 6 unterstützt ng eject ** nicht UPDATE: Februar 2017: Verwenden Sie ng eject UPDATE: November 2016: angle-cli verwendet jetzt nur noch das …

131 angular webpack angular-cli

14

Das Feld 'Browser' enthält keine gültige Alias-Konfiguration

Ich habe angefangen, webpack2 zu verwenden (um genau zu sein v2.3.2), und nachdem ich meine Konfiguration neu erstellt habe, stoße ich immer wieder auf ein Problem, das ich scheinbar nicht lösen kann (Entschuldigung für den hässlichen Speicherauszug im Voraus): ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in …

130 npm webpack commonjs webpack-2 package.json

5

Konfigurieren Sie das Webpack so, dass das Debuggen des Browsers möglich ist

Ich bin neu in Webpack und konvertiere eine vorhandene Webanwendung, um sie zu verwenden. Ich verwende Webpack, um mein JS zu bündeln und zu minimieren, was bei der Bereitstellung großartig ist. Dies macht es jedoch sehr schwierig, das Debuggen während der Entwicklung durchzuführen. Normalerweise verwende ich den in Chrome integrierten …

130 javascript webpack

6

Webpacked-Code von außen aufrufen (HTML-Skript-Tag)

Angenommen, ich habe eine Klasse wie diese (in Typoskript geschrieben) und bündle sie mit Webpack in bundle.js. export class EntryPoint { static run() { ... } } In meine index.html werde ich das Bundle aufnehmen, aber dann möchte ich auch diese statische Methode aufrufen. <script src="build/bundle.js"></script> <script> window.onload = function() …

130 javascript html typescript webpack

8

Wie debugge ich Angular mit VSCode?

Wie kann ich Angular und VSCode so konfigurieren, dass meine Haltepunkte funktionieren?

127 angular debugging webpack visual-studio-code

4

Fehler: Node Sass Version 5.0.0 ist nicht kompatibel mit ^ 4.0.0

Ich habe ein leeres React-Projekt mit dem folgenden Befehl erstellt: npx create-react-appon npm v7.0.7 und Node v15.0.1 Eingerichtet: Reagiere v17.0.1, node-sass v5.0.0, Dann habe ich versucht, eine leere .scss-Datei in die App-Komponente zu importieren: App.js. import './App.scss' function App() { return ( <div className="App"> App </div> ); } export default …

126 reactjs webpack create-react-app node-sass sass-loader

24

Webpack wird nicht als interner oder externer Befehl, bedienbares Programm oder Batchdatei erkannt

Ich lerne React.js und verwende Windows 8 OS. Ich habe zu meinem Stammordner navigiert 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. i am …

125 npm webpack

2

Task Runners (Gulp, Grunt usw.) und Bundler (Webpack, Browserify). Warum zusammen verwenden?

Ich bin ein bisschen neu in der Welt der Task Runner und Bundler und während ich Dinge wie durchlaufe Grunzen, Schlucken, Webpack, Browserify Ich hatte nicht das Gefühl, dass es einen großen Unterschied zwischen ihnen gibt. Mit anderen Worten, ich bin der Meinung, dass Webpack alles kann, was ein Task …

117 gruntjs gulp bundler browserify webpack

9

So lassen Sie den Webpack-Dev-Server Einstiegspunkte vom React-Router zu

Ich erstelle eine App, die neben dem React-Router auch den Webpack-Dev-Server in der Entwicklung verwendet. Es scheint, dass der Webpack-Dev-Server auf der Annahme basiert, dass Sie einen öffentlichen Einstiegspunkt an einem Ort haben (dh "/"), während der React-Router eine unbegrenzte Anzahl von Einstiegspunkten zulässt. Ich möchte die Vorteile des Webpack-Dev-Servers …

117 javascript reactjs webpack react-router

Als «webpack» getaggte Fragen