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.

Webpack extrem langsam aufbauen

3 Antworten

Benutze ich webpack + Typoskript + reagieren. webpack.config.js ist: var webpack = require('webpack'); var path = require('path'); var node_modules_dir = path.join(__dirname, 'node_modules'); var deps = [ 'react/react.js', 'react-dom/react-dom.js', ]; var config = { devtool: 'source-map', context: __dirname

Webpack-dev-server mit CORS-Fehler mit Anmeldeinformationen

2 Antworten

Ich bin immer CORS Probleme mit hot module nachladen - dev-server. Ich bin mit dem dev-server auf port 3000 aber die Anwendung wird serviert von einem anderen port http://localhost:52024/. Dies ist der Fehler, ich bin immer (Chrome,

cors hot-module-replacement javascript webpack webpack-dev-server

karma + Jasmin + webpack: Modul keine Funktion

1 Antworten

Ich kann nicht instanziiert einen controller, weil dieser Fehler, er sagt: Modul ist nicht eine Funktion Welche module soll das tun, wird ein alias der Winkel.mock, aber meine Frage ist: Kann es sein, dass die rewrite-Modul wird

angularjs karma-jasmine webpack

Import moment.js in der js-Datei im webpack

2 Antworten

In meinem Projekt verwende ich webpack und npm. Ich installiert moment.js : npm install moment. Dann möchte ich, um es zu importieren in meine app.js Datei: import moment from "moment". Aber es funktioniert nicht. Ich: nicht auflösen

javascript momentjs node.js npm webpack

Vuejs 2 Bild Src-Attributen

3 Antworten

Vuejs likers Hilfe! Habe ich in diesem Bild eine Schleife mit Bild-Quelle. Hier ist der code. <img :src="'../../'+ photo.path" alt="product" height="207" width="175" v-for="photo in product.photos" v-if="photo.is_primary === 1" /> Sollte ich ersetzen Sie dieses Präfix, um Basis-url

vue.js vuejs2 webpack

So exportieren Sie JSON-Dateien als separate Stücke im webpack?

1 Antworten

Baue ich eine webapp mit webpack und habe einige Probleme, die ich nicht herausfinden kann, mein selbst oder mit der Dokumentation. Was ich möchte, zu erreichen, ist die Konfiguration webpack als wie es nicht eine bestimmte json-Datei

webpack

Wie die Anzeige "wird geladen" - animation, während ein lazy-loaded route-Komponente geladen wird?

2 Antworten

Habe ich spaltete meine app in mehrere Stücke mit webpack code-splitting-Funktion, so dass die gesamte Programm-bundle ist nicht heruntergeladen, wenn der Benutzer Besuche meine Webseite. Den Brocken, die einige Strecken erfordern sind Recht groß und kann eine

javascript vue-router vue.js webpack

Webpack Dev-Server mit NGINX proxy_pass

1 Antworten

Ich versuche webpack-dev-server laufen in einem Docker-container dann Zugriff über einen NGINX-host. Die ersten index.html lädt aber die Web-Sockets-Verbindung zu den dev-server kann nicht hergestellt werden. VM47:35 WebSocket-Verbindung zu 'ws://Beispiel.com/sockjs-Knoten/834/izehemiu/websocket' Fehler: Fehler bei der WebSocket-handshake: Unexpected response

nginx node.js webpack webpack-dev-server websocket

Wie kann ich das beheben Webpack zugehörige Fehler: Cannot assign auf "nur Lesen" - Eigenschaft 'Export' für das Objekt '#<Object>'?

1 Antworten

Ich bin mit webpack, die, wenn ich das richtig verstanden habe, nicht unterstützt native webworker syntax, so bin ich versucht, die worker-loader npm-Modul, aber ich bekomme eine seltsame Fehlermeldung. Kann das Modul gefunden werden hier. Mein webpack

node.js webpack

Eslint wirft, wird ein Wert zugewiesen, aber nie verwendet , webpack-Modul

2 Antworten

Ich bin importieren Sie ein Skript im webpack, es funktioniert alles, aber eslint wirft den Fehler 'modal is assigned a value but never used'. Tun haben, zu erklären, das const als Globale oder exportieren Sie das Modul

eslint javascript webpack

Fehler mit Typoskript / whatwg-fetch / webpack

2 Antworten

Ich versuche, eine einfache demo-Anwendung mit Typoskript und Reagieren, mit webpack. Wenn ich versuche, um whatgw-abrufen zum abrufen von Daten von einem server, bekomme ich diese Fehlermeldung beim ausführen webpack : error TS2307: Cannot find module 'whatwg-fetch'

fetch reactjs typescript webpack

__webpack_hmr geht an den falschen port, und schlägt fehl

1 Antworten

Ich versuche, hot-reloading arbeiten mit meinem setup. Derzeit arbeitet es wie so -- server.js //this is the main server, which connects to db, serves react components, etc const app = express(); app.get('/:params?*', (req, res) => { res.status(200).send(`

gulp javascript webpack webpack-hmr webpack-hot-middleware

Wie zu verwenden webpack zu concat html-Stücke?

2 Antworten

Ich habe zum Beispiel einen Haupt-Eintrag html-Datei: <div>  </div> Und ich habe eine partielle html <span>I'm a partial html piece</span> Ich hoffe, dass ich verwenden können, webpack

webpack

Webpack und Reagieren — Unerwartete token

1 Antworten

Ich bin neu zu Reagieren und Webpack. Ich bin einrichten ist mein erstes Projekt, wenn ich versuche, führen Sie das webpack-dev-server meinen code nicht kompilieren! Update Antwort unten richtig ist. Ich brauchte, um hinzuzufügen 'react' zu babel

javascript react-dom reactjs webpack

npm führen Sie erstellen Fehler-code ELIFECYCLE

1 Antworten

Habe ich Wes Bos-Serie "ES6 für alle" für eine Weile jetzt, und ich blieb stecken auf einem webpack episode. Immer wenn ich versuche zu laufen "npm führen Sie build" - Befehl auf meine CMD ich bekomme diese

javascript node.js npm webpack

Wie laden signalr.js im webpack innen Winkel 2

3 Antworten

Bekomme ich immer die Meldung: $.hubConnection ist nicht eine Funktion Fehler: jQuery wurde nicht gefunden. Bitte stellen Sie sicher jQuery verwiesen wird, bevor der SignalR-JavaScript-client-Datei. tröstende out "$" und "jquery" ist undefined. Was muss ich tun, um

angular signalr webpack

Webpack und modernizr Ursachen TypeError: document ist undefiniert Fehler

4 Antworten

Bin ich mit dem webpack zu bündeln, bis meine javascript-Dateien. Mein Webpack config (was wird übergeben webpack mit gulp) sieht wie folgt aus: var webpackConfig = { context: __dirname, entry: { "app": "./js/app.js" }, output: { path:

modernizr webpack

webpack css-loader nicht funktionieren: keine Ausgabe-css-Datei

2 Antworten

Arbeite ich auf opensource Projekt, genau jetzt ich brauche, um das setup webpack für front-end. ich habe versucht webpack config unten, JS ist funktioniert gut, aber css ist nicht, keine css-Ausgabe-Datei. ich nicht, warum dies passieren, bitte

css javascript webpack

Wie unterstützen ES7 in ESLint

2 Antworten

Habe ich ein Projekt-setup mit WebPack verwenden ESLint und ich bin zu wollen verwenden ES7 für die inline-bind-operator ::. Derzeit bin ich immer der parse-Fehler unten gezeigt /Users/ryanvice/Documents/Code/pluralsight-redux-starter/src/components/project/ProjectsPage.js (1/0) ✖ 7:27 Parsing error: Unexpected token : /Users/ryanvice/Documents/Code/pluralsight-redux-starter/src/routes.js

ecmascript-7 eslint webpack

Konfigurieren von karma so Typoskript Quelldateien wäre debugfähiger

2 Antworten

Habe ich heruntergeladen ein Saatgut-Projekt Angular2 Webpack Starter und habe es bis und läuft ohne ein Problem. Eine Unannehmlichkeit, die ich mit ihm habe, ist das debugging von source-Dateien unter unit-tests. Alle *.spec.ts Dateien geladen werden, in

angular javascript karma-runner typescript webpack

Webpack: TypeError: Cannot read property 'Eigenschaften' undefined

4 Antworten

Hier ist die Zweig-und repo in Frage: https://github.com/Futuratum/moon.holdings/tree/dev /Users/leongaban/Projekte/Futuratum/Mond.Betriebe/node_modules/webpack-cli/bin/config-yargs.js:89 Beschreibung: optionsSchema.Definitionen.Ausgabe.Eigenschaften.Pfad.Beschreibung, Nicht sicher, warum ich diese Fehlermeldung bekommen, aber ich habe ein Upgrade von Webpack 3., 4. webpack /* eslint-disable no-console */ import webpack from 'webpack'; import

javascript webpack

Nicht deinstallieren webpack von reagieren-Skript

10 Antworten

War ich versucht zu machen, eine todo-app reagieren, ist mir neu. Aber nachdem Sie einmal installiert webpack, npm start nicht funktioniert. Es gibt mir: [email protected] start /home/hanna/Desktop/Projekte/mein-todo-reagieren reagieren-Skripte starten Könnte es ein problem mit dem Projekt "dependency

node.js npm react-native reactjs webpack

Element Lader Liste haben sollte, 'loader' oder 'Lader' mit sass-loader webpack

1 Antworten

Habe ich diesen Lader in meinem webpack loader array: { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } Ich versuche, webpack bauen meine SCSS zu CSS, aber ich bekomme diese Fehlermeldung: /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 throw new Error("Element from loaders

loader sass webpack webpack-dev-server webpack-style-loader

Webpack ts-loader : ändern tsconfig mit dem Namen

6 Antworten

Ich habe 2 tsconfigs, eine für meine dev build und eins für meine prod bauen. Ich wähle die tsconfig mit der -p Flagge : tsc -p dev.tsconfig.json Ts-loader ist auf der Suche nach einem tsconfig.json-Datei. Wie kann

ts-loader tsconfig typescript webpack

Webpack, Reagieren, Babel - Nicht Beheben Modul

2 Antworten

Habe ich installiert reagieren-hot-loader und auf das Modul in der webpack.config.js. Jedoch, wenn ich versuche zu laufen webpack zum kompilieren des scripts bekomme ich eine Fehlermeldung. Siehe unten Screenshot. Könnte jemand bitte beraten, was das Problem sein

babeljs reactjs webpack webpack-dev-server

Wie einfügen bootstrap.js zu reagieren-app?

1 Antworten

Einfügen von twitter-bootstrap-js-Datei zu reagieren-app mit webpack? Weiß ich über reagieren Bibliotheken, wie reactstrap und reagieren-bootstrap, aber ich möchte wissen, wie einfügen bootstrap.js Datei ohne diese libs. Möglich, Duplikat der Wie bootstrap css-und js in reactjs app?

reactjs twitter-bootstrap webpack

Gewusst wie: laden von dynamischen externen Komponenten in Eckigen Anwendung

1 Antworten

Ich bin mit einem problem konfrontiert, mit Eckigen Anwendung. Ich würde gerne eine angular Anwendung geschrieben, in Typscript bauen mit (aot). Ziel ist die Anzeige eines Benutzer-dashboard mit einigen widgets. Ein widget ist ein Winkel-Komponente. Meiner app

angular plugins runtime typescript webpack

vuejs webpack relative Module wurden nicht gefunden " - Fehler

2 Antworten

Habe ich full-stack application express-und Standard-vue-webpack-boilerplate. Meine Projektstruktur sieht wie folgt aus: ├── client │ ├── build │ │ └── ... │ ├── config │ │ └── ... │ ├── dist | | └── ... │ ├──

npm vue.js vuejs2 webpack

Javascript Objekt-Klammer-notation ({ Navigation } =) auf der linken Seite zuweisen

4 Antworten

Ich habe nicht gesehen, diese syntax vor und Frage mich, was es überhaupt geht. var { Navigation } = require('react-router'); Die Klammern auf der linken wirft einen syntax-Fehler: unexpected token { Ich bin mir nicht sicher, welcher

ecmascript-6 javascript webpack

Zum deaktivieren von hot-Modul-Ersatz im webpack für die Produktion

4 Antworten

Wie kommt man entfernen Sie alle Verweise von HMR bei Bündelung für die Produktion? Meine Produktion Webpack config keine Verweise auf den HMR und noch in der browser-debugger-der Kunde ist stets dafür ein xhr Aufruf /__webpack_hmr Kann

webpack

Aktivieren webpack hot-reload in einem docker-Anwendung

4 Antworten

Habe ich ein docker-app mit den folgenden Containern Knoten - source-code des Projekts. es dient der html-Seite befindet sich im öffentlichen Ordner. webpack - Uhren-Dateien in den Knoten container und aktualisiert die öffentlichen Ordner (aus der Knoten-container)

docker node.js webpack webpack-2 webpack-dev-server

Webpack 4 - Modul parse failed: Unexpected character '@'

2 Antworten

Ich kürzlich ein Upgrade von Webpack 3 bis 4. Es wirft nun einen Fehler: Modul parse failed: Unexpected character '@' müssen Sie möglicherweise eine entsprechende loader zum verarbeiten dieser Datei-Typ. | @import './scss/Variablen.scss'; | | * {

javascript webpack

Wie würde ich schreiben das Paket.json-version auf meinem WebPack bundle?

1 Antworten

Mein Paket.json-Datei enthält eine version für mein Modul, welches letztendlich zusammengestellt, die sich in einem app.bundle.js Datei, die ich in meine web-Projekt. Ich würde gerne die Versionsnummer aus dem Paket.json-Datei geschrieben app.bundle.js Datei als Kommentar am Anfang

node.js webpack

Webpack 2 eslint-loader-auto-Update

1 Antworten

Im webpack 1.x könnte ich die eslint-Eigenschaft in meinem webpack config zu aktivieren autofixing meine linting Fehler: ... module.exports = { devtool: 'source-map', entry: './src/app.js', eslint: { configFile: '.eslintrc', fix: true }, ... Jedoch im webpack 2.x,

eslint webpack webpack-2

Webpack nicht laden von png-Bildern

1 Antworten

Habe ich paar Bilder im src-Ordner: src/img/favicon.png src/img/profpic.png In index.html die Datei werde ich zeigen, wie <link href="img/favicon.png" /> In einigen html-Dateien werde ich zeigen, wie <img src="img/profpic.png" /> Ich versuche zum laden von Bilder, fonts über

loader webpack webpack-file-loader

Webpack nicht be-hintergrund-Bild

2 Antworten

Ich versuche, laden Sie ein Bild: background: transparent url("../img/select-icon.png") no-repeat center right 8px; In meinem Stil.scss, und es funktioniert nicht Hier ist mein webpack.config: function _path(p) { return path.join(__dirname, p); } module.exports = { context: __dirname, entry:

background-image sass sass-loader webpack webpack-style-loader

Webpack Verunstalten plugin gibt "Getötet" auf Ubuntu

4 Antworten

Auf meinem remote-server (Ubuntu 14.04 x64), wenn ich versuche zu verunstalten mein Bündel, die Prozess gibt einfach "Getötet". Wenn ich nicht verunstalten, es ist gut so. Hat jemand mit diesem? Wenn ich es auf meinem lokalen Mac,

gulp webpack

TypeError: Pfad.ersetzen keine Funktion

2 Antworten

/node_modules/webpack/lib/TemplatedPathPlugin.js:72 .replace(REGEXP_HASH, withHashLength(getReplacer(data.hash), data.hashWithLength)) ^ Bin ich immer diese Fehlermeldung beim ausführen webpack - es scheint, dass path ist, sondern als ein Objekt, eine Zeichenfolge, und die replace-Methode wird daher nicht gefunden. Kann jemand Aufschluss über diesen

javascript webpack

Webpack 2 beheben alias

3 Antworten

Ich habe ein kleines problem bezüglich der Lösung Aliase im webpack 2. Egal was ich mache ich kann nicht dieses Problem beheben. Hier ist der relevante code: /* webpack.mix.js */ mix.webpackConfig({ module: { rules: [ { test:

alias import resolve webpack

JSX-Dateien erstellen-reagieren-app

1 Antworten

Nur gefragt, wie man erstellen-reagieren-app verwendet .js-Dateien statt .jsx für jsx-markup. Ist es wegen der besonderen webpack-Konfiguration? Btw, wo finde ich das webpack und babel Konfiguration von meinem Projekt erstellt mit create-reagieren-app? InformationsquelleAutor Andrei Tarutin | 2017-02-07

create-react-app javascript jsx reactjs webpack

Wie sagt man Karma zu halten-browser-Fenster zu öffnen, wenn tests fehlschlagen?

1 Antworten

Ich bin derzeit versuchen zu implementieren jasmine-Tests mit karma, webpack und der code wird immer transpiled falsch, aber ich kann nicht sehen, was es ist transpiled nach unten zu, weil der browser geschlossen wird, sobald es öffnet,

jasmine karma-runner unit-testing webpack

Nicht verkleinern Sie den css-code mit webpack

4 Antworten

Webpack version: 4.16.3 Alle die Kompilierung erfolgreich. Mein code nach der Kompilierung im bundle.css ist nicht verkleinern. Ich versuche es mal mit minimieren: true in text-webpack-plugin, aber es funktioniert nicht. Zum kompilieren verwende ich den Befehl in

css javascript minify webpack webpack-4

Webpack kompilieren vue mit NODE_ENV=Produktion führt immer noch in der dev-Warnung

3 Antworten

Ich eine extrem einfache web-pack config unten gegen einen vue.js frontend. Die bundle.js kompiliert wird aber immer noch produziert, die 'Sie laufen Vue in development mode" - Warnung. Ich folgte dem Rat angegeben hier aber es ändert

vue.js webpack

Warnung: Reagieren.createElement: Typ ungültig ist — bundle.js

1 Antworten

Ich bin dabei, ein tutorial zu lernen, Reagieren, JS, alles war in Ordnung, für die Tage, die ich laufen konnte, ein Beispiel, simpel, die Durchführung einer empfohlenen Grundausstattung plus ein paar mehr add-ons, die ich hinzufügen, zu

javascript node.js react-dom reactjs webpack

Verwenden webpack zu bündeln verschiedene ES6-Klassen in einer Datei für den import in ein script-tag

2 Antworten

Es wurde drei Tage jetzt, dass ich versuche zu verstehen, webpack, führen Sie eine einfache Aufgabe (die natürlich im Laufe von drei Tagen konnte ich von hand gemacht), aber für die Zwecke des Lernens webpack und in

javascript node.js npm webpack webpack-2

Webpack [url/file-loader] ist nicht die Lösung der Relative Pfad der URL

3 Antworten

Stehe ich vor einem problem in Webpack bezüglich Relativer Pfad. Lassen Sie mich versuchen zu erklären das Szenario : Ich habe 2 separate Projekt in Workspace-Verzeichnis : Projekt-A [Bündelung mit Gulp] : Stabil & Arbeiten Projekt-B [Bündelung

javascript reactjs urlloader webpack webpack-style-loader

Das bereitstellen einer app reagieren auf cPanel?

7 Antworten

Habe ich einen reagieren app mit der folgenden Ordner-Struktur öffentliche --dist ---bundle.js - - - - styles.css --index.html --Bilder -server --server.js -src --Komponenten --app.js -.babelrc -Paket.json -webpack.config.js Will ich es hochladen zu cPanel. Ist das möglich? Würde

node.js reactjs webpack

Webpack mit angular 1.x und ES5

3 Antworten

Nach der Lektüre Hunderte von Zeilen über die browserify vs webpack und mehrere, wie von beiden ich beschlossen zu gehen für webpack. Der wichtigste Grund ist es, weil ich mochte die Idee der Bündelung alles in eine

angularjs webpack

Bundle Eckig 2-app mit UMD-bundles (nicht Gebäude Verkäufer bundle)

2 Antworten

Ich bin derzeit Bündelung meine Winkel 2 app mit WebPack. Wir sind immer noch Spinnen schnelle Zyklen, also anstatt das hinzufügen von Verzögerungen unsere build-und application-load-Prozess, möchten wir auch den selten wechselnden Winkel-2 UMD CDN vorbereitet bundles,

angular bundle systemjs webpack

Modul parse failed mit webpack und reagieren, auch mit babel-loader

2 Antworten

Ich versuche, mit webpack mit reagieren, bin aber immer diese Fehlermeldung: FEHLER bei ./app/main.js Module parse failed: /Users/me/app/main.js Line 2: Unexpected token You may need an appropriate loader to handle this file type. | //npm | import

webpack