Tag: webpack

Webpack ist JavaScript-Modul bundler.

Webpack nimmt Module mit Abhängigkeiten und erzeugt statische Vermögenswerte, die den Gegenwert dieser Module. Webpack, die wichtigsten Merkmale sind verwurzelt in der Erweiterbarkeit und ermöglicht Entwicklern die Nutzung von best-practices in der Web-Architektur und Web-Performance.

Scherz.fn () - Wert, muss ein mock-Funktion oder spy

1 Antworten

Ich habe eine Funktion in einem Modul aufgerufen, button-Aktionen, die aufgerufen wird, wenn ein Benutzer klickt auf eine Schaltfläche "zurück". Ich möchte zum testen der backButtonActions Methode direkt auf, sondern müssen zu verspotten, die leaveApp und displayById

Webpack: "es gibt mehrere Module, die mit Namen, unterscheiden sich nur im Gehäuse" aber-Modulen verwiesen wird, sind identisch

10 Antworten

Ich bin mit webpack 3.8.1 und erhalte mehrere Instanzen des folgenden build Warnung: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a

webpack webpack-hot-middleware

webpack-Modul nicht gefunden: Error: Can ' T resolve 'jquery'

1 Antworten

Wenn ich das "webpack" - Befehl, bekomme ich diesen Fehler: FEHLER bei ./js/main.js Modul nicht gefunden: Error: Can ' T resolve 'jquery' in '...\js' @ ./js/main.js 3:0-16 4:0-23 Im Paket.json habe ich: "devDependencies": { "handlebars": "^4.0.6", "handlebars-loader":

handlebars.js jquery webpack

Vorbei Kommandozeilen-Argumente an webpack.config.js

2 Antworten

Habe ich eine einfache webpack.config.js module.exports = { entry: "./app.js", output: { filename: "bundle.js" }, } Und ich möchten, übergeben Sie die Werte für entryund output durch Befehl Linie Argumente. Ist das möglich und wie würde ich

javascript webpack

wo ist erstellen-reagieren-app webpack config-Dateien?

7 Antworten

Erstelle ich eine ReactJS Projekt mit der create-react-app Paket, und das hat gut funktioniert, aber ich kann nicht finden webpack-Dateien und Konfigurationen. Wie funktioniert reagieren-create-app arbeiten mit webpack? Wo sind die webpack-Konfigurations-Dateien, die sich in einer Standard-installation

create-react-app ecmascript-6 javascript reactjs webpack

Wie downgrade version von Webpack?

3 Antworten

Ich habe Webpack installiert über NPM in meinem ASP.NET Kern-Web-Projekt. Und jetzt die version von webpack ist: 2.4.1. Allerdings brauche ich, um die Installation der folgenden version von webpack: 2.1.0-beta.25. Ich habe versucht, verwenden Sie den folgenden

javascript node.js webpack

Inhalte, die nicht von webpack wird serviert von /foo

1 Antworten

Ich kann nicht einfach starten Sie diesen server, ich lese die webpack-dev-server-docs. devServer: { contentBase: path.join(__dirname, "dist"), compress: true, port: 9000 } Den Beispiel-code sieht einfach aus,aber ich kann einfach nicht beginnen zu diesem server erfolgreich werden,egal

reactjs webpack webpack-dev-server

Webpack 4: mini-css-Auszug-plugin + sass-loader + splitChunks

1 Antworten

Habe ich die folgende Beispiel-Konfiguration zu verwenden mini-css-Auszug-plugin mit Webpack 4: entry: { a: ['./js/a.js', './scss/a.scss'], b: ['./js/b.js', './scss/b.scss'] }, module: { rules: [ [...], { test: /\.(css|sass|scss)$/, use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader', options: { importLoaders:

css sass sass-loader webpack webpack-4

DeprecationWarning: Tapable.plugin ist veraltet. Verwenden Sie die neue API auf `.Haken` statt

5 Antworten

Ich habe versucht zu laufen, die Vuetify VueJS Cordova Beispiel aber habe diesen Fehler nach npm run dev Knoten build/dev-server.js Starten dev-server... (Knoten:1024) DeprecationWarning: Tapable.plugin ist veraltet. Verwenden Sie die neue API auf .hooks statt (Knoten:1024) DeprecationWarning:

cordova npm vue.js vuetify.js webpack

Importieren Reagieren von 'reagieren' Ergebnisse in Uncaught SyntaxError: Unexpected identifier

2 Antworten

Habe ich installiert webpack 3 zusammen mit babel und mein Eintrag index.js/bundle.js erstellen und ausführen, die ich getestet habe, mit dem ES7/8 Funktionen, aber die Importe nicht funktionieren und das Ergebnis in Uncaught SyntaxError: Unexpected identifier. Ich

babel babeljs javascript npm webpack

Wie zu beheben npm führen dev fehlende Skript-Probleme?

3 Antworten

Momentan bin ich in den Ordner 'C:\Users\vignesh\Documents\Personal Projekte\Full-Stack-Web-Entwicklung' auf gitbash npm führen dev ausführen der obige Befehl auf gitbash gibt mir die folgende Fehlermeldung. Ich gehe davon aus, dass dies aufgrund der NODE_PATH Variablen nicht richtig eingestellt

git-bash node.js webpack

So importieren Sie css-Datei in die Komponente .jsx-Datei

2 Antworten

Ich versuche, mit der darauf reagiert-Tag-Picker-Komponente wie so aber ich kann nicht herausfinden, wie zu importieren .css-Datei und ich erhalte die Fehlermeldung: Module parse failed: /Users/qliu/Documents/workspace/AppNexus/pricing_ui/contract-ui/app_contract-ui/node_modules/react-day-picker/lib/style.css Unexpected token (3:0) You may need an appropriate loader to handle

css react-day-picker reactjs webpack

Laden Sie neue Module, die dynamisch während der Laufzeit mit Winkel-CLI & Winkel 5

6 Antworten

Derzeit arbeite ich an einem Projekt, die gehostet wird auf einem Kunden server. Für die neuen "Module" gibt es nicht die Absicht, neu zu kompilieren die gesamte Anwendung. Das heißt, der client will update der router/lazy geladene

angular angular-cli angular5 javascript webpack

Syntax-Fehler im IE11 mit Webpack, Babel und Reagieren

2 Antworten

Ich bin immer ein Syntax Fehler in meinem Reagieren + Redux-Projekt in Internet Explorer 11, aber ich habe keine Ahnung, warum es verursacht. Ich bin mit Webpack und Babel, um es zu kompilieren. Ich versucht, mit Hilfe

babel internet-explorer-11 reactjs redux webpack

How zu bündeln Bilder mit webpack?

1 Antworten

Mache ich eine angular2 Anwendung mit webpack Modul bundler. Jetzt habe ich Hinzugefügt, Datei-Lader für das laden von Bild-Dateien wie jpg, gif, png,etc. Aber wenn ich den Befehl erstellen der image-Dateien sind nicht gebündelt. Hier ist meine

css html webpack webpack-file-loader

Fehler: Template-parsing-Fehler: Can ' T bind to 'myProperty", da ist es nicht eine bekannte Eigenschaft von 'myComponent'

1 Antworten

Nach dem Upgrade von Winkel-2.1.0 auf 2.4.3 und webpack von 2.1.0-beta.25 bis 2.2.0-rc.4. ich erhalten diesen Fehler, wenn ich meine webapp (das erstellen funktioniert ohne Fehler): Error: Template parse errors: Can't bind to 'center' since it isn't

angular typescript webpack

Uncaught SyntaxError: "Unexpected token importieren

1 Antworten

Arbeite ich an einer Anwendung reagieren. Wo bin ich mit dem webpack und babel loader. In meiner Anwendung reagieren ich bin mit import-Anweisung viele Male, die ist in Ordnung. Nun habe ich Meine anderen stand-alone-Anwendung, die gut

babeljs javascript node.js npm webpack

VueJS Verwenden prop als Daten-Attribut-Wert

1 Antworten

Bin ich wirklich zu kämpfen mit dem folgenden Szenario: Index-Seite: <!doctype html> <html> <head> <meta charset="utf-8"/> </head> <body> <div id="app"> <ul> <li>some existing option</li> <example-component :foo="foo" :bar="bar"/> </ul> <a @click.prevent="showDetail(1, 'abc')" href="#" >Click ME!</a> </div> <script src="app.js"></script>

ecmascript-6 javascript vue.js vuejs2 webpack

Export Globale Funktion mit webpack

2 Antworten

Ich versuche zu schreiben, ein isomorph-Modul. Die server javascript läuft innerhalb von JINT. Erstellt habe ich ein webpack bundle speziell zum erstellen der server-version des Moduls. Ich möchte aufzeigen, eine einzelne Funktion, die ich bekommen kann, JINT

javascript jint webpack

Wie laufen Vue.js dev dienen, die mit https?

4 Antworten

Bin ich mit Vue-cli zu erstellen, vue Projekt mit webpack Vorlage. wie es mit https in die Entwicklung mit: npm run dev? InformationsquelleAutor Raed Alahmad | 2017-08-21

https vue.js webpack

wie funktioniert webpack import aus externen url

1 Antworten

Bin ich mit dem webpack verwalten meiner Anwendung reagieren. Jetzt will ich importieren eine Abhängigkeit von dieser url: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gNO2wKVBNupZfafi0bl0sW3dIKqAHn4l"> traditionell ich einfach obigen code auf meine index.html Datei. Aber nun, wie kann ich lassen webpack

reactjs webpack

Webpack -, html-webpack-plugin-Fehler: Kind Kompilierung fehlgeschlagen

1 Antworten

Ich hab da ein problem mit meinem webpack-Konfiguration. Nach der Implementierung von html-webpack-plugin bekam ich einen Fehler, es ist der ganze Fehler-stack aus den generierten index.html. Fehler-Stack: Html-Webpack-Plugin: Fehler: Kind compilation failed: Konflikt: Mehrere Vermögenswerte Strahlen unter

html-webpack-plugin javascript webpack

Erste Schritte Mit stylus-loader für Webpack

3 Antworten

Okay so (neu): Habe ich nur noch meine stylus-loader, style-loader (wie empfohlen von stylus-loader) und der loader { test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader' } dem webpack config. Jetzt auf meinem Main.js Datei ich bin das hinzufügen var css

webpack

webpack bundle.js nicht gefunden

3 Antworten

Ich benutze webpack dev-server, aber kann keinen Zugriff auf meine bundle.js - Datei. Edit: ich bin mit das webpack config ohne bower-webpack-plugin. Paket.json { "name": "react_modules", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "npm run

webpack webpack-dev-server

Modul nicht gefunden, nicht lösen können

1 Antworten

Ich habe versucht, einen Blick auf einige der Antworten zu dieser ähnlichen Frage, aber keine der Lösungen, die ich versucht habe von dort aus gearbeitet haben. Ich versuche, erstellen Sie eine Funktion in einer externen javascript-Datei und

javascript webpack

wie zu sagen, webpack, die nicht verkleinern und pack js-Dateien

1 Antworten

Bin ich mit vue-cli webpack boilerplate in dieser Adresse: vuejs-Vorlagen/webpack Ich will webpack nicht zu verkleinern und pack js-Dateien in dev Modus. wie kann es erreicht werden? das problem ist, dass wir haben eine riesige getestet asp.net

vue.js webpack webpack-dev-server

Load-statische JSON-Datei im Webpack

2 Antworten

Habe ich irgendwo in meinem code folgende Konstruktion: var getMenu = function () { return window.fetch("portal/content/json/menu.json").then(function (data) { return data.json(); }); }; Habe ich versucht, in meinem webpack.config.js: module: { loaders: [ ... { test: /\.json$/, exclude:

angularjs javascript json webpack

err missing script bauen

3 Antworten

Wie kann ich diesen Fehler beheben, ich bin mit Windows 10 Wenn ich versuche, npm laufen bauen auf die cmd bekomme ich diesen Fehler C:\Users\anai_> npm run build npm ERR! missing script: build Hier ist der log

atom-editor npm webpack

Führen Sie den Knoten server und webpack zusammen mit dem Paket.json

1 Antworten

Habe ich abgeschlossen todo-app, indem Sie lernen aus diesem video: Super MEAN-Stack-Tutorial: Angular, Node/Express, Webpack, MongoDB, SASS, Babel/ES6, Bootstrap In diesem video bei der Zeit 19:18 an diese url es wird gelehrt, dass ich verwenden sollte, die

node.js webpack

Wie kann ich wieder gehen/route-zurück auf der vue-router?

2 Antworten

Ok, dies zu erklären einfach: Habe ich 3x Seiten. Seite 1 (Home) Seite 2 (Menü) Seite 3 (Über) Seite 1- <router-link to="/menu"> button, der beim anklicken Routen auf "/Menü". Für jetzt, Seite 2 (Menü) hat eine <router-link

javascript vue-router vue.js vuejs2 webpack

Im erstellen-reagieren-app, das hinzufügen von Bootstrap 4?

4 Antworten

Seit erstellen-reagieren-app versteckt Webpack config ohne eject, wenn ich so etwas wie reactstrap oder reagieren-bootstrap-soll ich mich Auswerfen, oder werde ich in Ordnung sein, ohne Auswerfen? Einfach neugierig, was Punkt eins entscheiden würde, wenn Sie benötigen, um

create-react-app reactjs reactstrap twitter-bootstrap webpack

Was ist dieses "reagieren-Skripte Auswerfen" - Befehl zu tun?

2 Antworten

Was bedeutet die npm run eject Befehl tun? Ich verstehe, was andere Befehle wie start, build, test. Aber keine Ahnung Auswerfen. wie um zu überprüfen/überprüfen, wurde dieser Befehl ausgeführt oder nicht? InformationsquelleAutor Ishan Patel | 2018-01-17

eject react-scripts reactjs webpack

Wie kann ich eine config-Datei in Reagieren?

2 Antworten

Sagen wir mal ich hab 5 jsx-Dateien, und jede Datei wird einige config-parameter. Meine index.js Datei-Import alle diese 5 jsx-Dateien. Anstatt meine config Daten verteilt über 5 Dateien, gibt es eine Möglichkeit für meine jsx-Dateien, um die

javascript reactjs webpack

CORS Fehler auch nach der Einstellung der Access-Control-Allow-Origin auf der client-Seite

1 Antworten

Habe ich eine Vue Anwendung generiert, mit webpack-simple option. Ich bin versucht, ein GET Anfrage https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en aber ich bekomme die Fehlermeldung: XMLHttpRequest-Objekt kann nicht geladen werden https://api.forismatic.com/api/1.0/?method=getQuote&format=json&lang=en. Antwort auf preflight-Anfrage nicht passieren access control check: Keine 'Access-Control-Allow-Origin'

cors vue-resource vue.js webpack webpack-dev-server

Laden von mehreren stylesheet für eine Komponente in Angular2

3 Antworten

Baue ich eine angular2 Anwendung. Ich bin vor mehreren Problemen, wenn ich versuche zu laden, mehrere Stylesheets für die gleiche Komponente. Hier ist der code von dem, was ich Tue: import { Component } from '@angular/core'; @Component({

angular css styles twitter-bootstrap webpack

Mit der lokalen web-fonts mit webpack

3 Antworten

Ich versuche, einige der lokalen web-Schriftarten in mein Projekt Reagieren. Ich bin auch in meinem main.scss-Datei, und laden Sie Sie per webpack. Das bundle richtig erstellt, einschließlich main.scss styles. Ich sehe webpack laden Sie die schriftart-Dateien, und

css fonts sass webpack

Webpack eine bestimmte Datei Ausschließen

2 Antworten

Ich habe diesen code In meinem webpack.config.prod.js und ich Frage mich, wie kann ich ausschließen, alle json-mit Ausnahme der in einen bestimmten Pfad wie src/configs/configs exclude: [ /\.html$/, /\.(js|jsx)$/, /\.css$/, /\.json$/, /\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/, ], loader:

javascript reactjs webpack webpack-2

Webpack 4 - Sourcemaps

2 Antworten

Dieser Artikel webpack 4: mode und Optimierung scheint zu vermuten, dass, wenn mode eingestellt ist development die devtool eingestellt ist eval. Ich war davon ausgegangen, dass Auslöser sourcemap generation aber läuft der webpack-4-quickstart entweder development oder production

webpack webpack-4

Nicht auf Funktion gebündelt, die von WebPack

1 Antworten

Habe ich eine sehr einfache webapp, wo WebPack bündeln Sie die javascript-Code in eine bundle.js Datei, die von mehreren html-Seite. Leider, auch wenn ich festlegen, in der webpack config-Datei, die möchte ich verwenden Sie es als standalone-Bibliothek

javascript module webpack

eckig.element($Fenster).scrollTop() wirft, "ist nicht eine Funktion" mit webpack

2 Antworten

Ich bin mit Angularjs für meine frontend-Entwicklung. Vor kurzem ich begann mit der Umsetzung Webpack dann merkte ich, dass eckige.element($Fenster).scrollTop() aufgehört zu arbeiten und begann werfen Fehler wie "windowElement.Breite ist nicht eine Funktion". Folgenden alten code und

angularjs angularjs-directive webpack

Nicht lösen kann "babel-loader'

1 Antworten

Ich versuche zu konfigurieren, meine erste Knoten reagieren app. Ich erhalte eine Fehlermeldung, die sagt "nicht auflösen Kann, babel-loader". Googeln, Fehler, fand ich ein paar Anregungen, welche nicht funktionieren. Die erste ist, fügen Sie den folgenden, um

babeljs node-modules node.js webpack webpack-2

Wie Objekt importieren von externen JS-Datei in Reagieren JS mit web pack

2 Antworten

Ich Baue auf mein wissen zu Reagieren, JS, und ich möchte import/include einer externen JS-Dateien, halten Sie nichts mehr als ein Objekte /Objekt-arrays. Ich habe dies in jQuery, Vanilla JS und sogar in Angular JS. Süß!!! Wie

babeljs ecmascript-6 javascript reactjs webpack

Webpack dev-server nicht automatisch nachladen

4 Antworten

So, ich habe setup webpack und webpack-dev-server, aber webpack-dev-server keine auto-reload. Wenn ich eine Datei ändern und speichern, gibt es keine änderung im browser, bis ich manuell aktualisieren. Hier ist mein webpack config und meine Skript-Datei, die

javascript webpack webpack-dev-server

Import ES6 module in den globalen Gültigkeitsbereich

2 Antworten

TLDR: Wie kann ich ein Modul (importiert über ES6-syntax) Global (oder Verweis auf eine importierte Klasse in eine andere Klasse)? Ich bin importieren Sie ein Modul aus einem Paket, das war nicht richtig implementiert (kein export etc),

ecmascript-6 javascript webpack

Uncaught TypeError: Cannot read property 'Großschreibung' undefined reagieren Zustand Element

4 Antworten

Ich bin neu zu Reagieren und Javascript und ich bin versucht zu Rendern, das folgende Reagieren Komponente: 'use strict'; var React = require('react'); import ToReadList from './toreadlist.js'; var ToRead = React.createClass({ getInitialState: function() { return { bookTitles:

javascript reactjs webpack

webpack-dev-server kann localhost nicht finden

6 Antworten

Ich versuche, um loszulegen mit Reagieren mit webpack, sondern laufen in eine Fehlermeldung, wenn ich versuche zum einrichten webpack-dev-server. Ich lief npm install webpack-dev-server gefolgt von webpack-dev-server und die Befehlszeile gibt die folgenden: events.js:154 throw er; //Unhandled

localhost mamp npm webpack webpack-dev-server

Angular 2 + CLI : Fehler im Maximum call stack size exceeded

5 Antworten

Ich habe ein problem mit meinem Ng2 Projekt für 3 - 4 Tage. Versionen. @eckig/cli: 1.0.0-rc.2 Knoten: 6.9.2 os: win32, x64 @Winkel/common: 2.4.9 @eckig/compiler: 2.4.9 @eckig/Kern: 2.4.9 @eckig/Formen: 2.4.9 @eckig/http: 2.4.9 @Winkel - /Plattform-browser: 2.4.9 @Winkel -

angular angular-cli typescript webpack

Dynamisches System.import mit webpack?

3 Antworten

Ich versuche Hafen einige ES6-code, den ich geschrieben habe, verwendet systemjs + Babel. Ich habe keine Probleme haben, portieren die meisten der code. Jedoch habe ich einige code muss dynamisch geladen, ein ES6 module, wie: function load(src)

es6-module-loader webpack

Angular2: Cannot read property 'call' von undefined (wenn bootstrapping)

5 Antworten

Überprüfen Sie die Updates auf den Boden. Ich habe einen Dienst, der wirft einen Fehler, während die app ist bootstrapping. Cannot read property 'call' of undefined. Ich bin mit ng2 2.4.2 und eckig-cli 1.0.0-beta.24. FEHLER Uncaught TypeError:

angular dependency-injection service typescript webpack

Wie laufen Webpack Dev-Server --https --hot --inline

3 Antworten

Gibt es eine Möglichkeit zu nutzen, läuft die webpack-dev-server auf https bei der Konfiguration über CLI? Das problem ist das die Verbindung zu socket.io ist über http und nicht https. Eine Problemumgehung vorhanden ist, aber es ist

webpack webpack-dev-server