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 mit kleinen ersten Skript und asynchrone laden von allen anderen scripts

Anzahl der Antworten 2 Antworten
Habe ich begonnen, mit Webpack bei der Entwicklung üblichen web-sites, bestehend aus einer Anzahl von Seiten und von verschiedenen Seiten-Typen. Ich bin auf der RequireJs-Skript loader geladen, alle Abhängigkeiten auf Nachfrage bei Bedarf. Nur ein kleines Stück

- Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'

Anzahl der Antworten 4 Antworten
meine Ausgabe des Fehlers: Ungültige Konfiguration Objekt. Webpack initialisiert wurde mit einem Konfigurations-Objekt, das nicht mit der API-schema. - Konfiguration.Modul hat eine unbekannte Eigenschaft 'Lader'. Diese Eigenschaften gelten: object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextRequest?, noParse?, Regeln?, defaultRules?,

Wie Sie richtig bauen ein zu optimieren Winkel 5 Projekt?

Anzahl der Antworten 7 Antworten
Ich bin neu in Winkel-5 Projekt. Ich lief ng build --prod zu generieren dist/ Ordner. Bemerkte ich, es dauert eine lange Zeit zu bauen, und wenn ich öffnete meine dist/ Ordner, die ich sah, hat es fast

Schreiben eingebetteten Javascript-plugin, Reagieren & Webpack

Anzahl der Antworten 2 Antworten
Ich möchte in der Lage zu bündeln, Reagieren meine app mit Webpack, so dass verteilte Kopien auf ein CDN bezogen werden können, aufgerufen und initialisiert mit ein paar config relevant für einen client. Nach der Lektüre diese

javascript import von '/Ordner' mit index.js

Anzahl der Antworten 1 Antworten
Ich habe bemerkt, ein paar Fälle, wo ich gesehen habe, so etwas wie die folgenden: JS: ///reducers/reducer1.js export default function reducer1(state = {}, action){ //etc... } ///reducers/reducer2.js export default function reducer2(state = {}, action){ //etc... } ///reducers/index.js

Winkel-Keine-Modul-Fabrik zur Verfügung für die Abhängigkeit Typ: ContextElementDependency

Anzahl der Antworten 2 Antworten
Läuft ng build auf meiner Winkel-4-Projekt diesen Fehler : 14% building modules 40/46 modules 6 active ...es\@angular\http\@angular\http.es5.js An error occured during the build: Error: No module factory available for dependency type: ContextElementDependency at Compilation.addModuleDependencies (D:\dev\workspace\rep\node_modules\@angular\cli\node_modules\webpack\lib\Compilation.js:213:21) at Compilation.processModuleDependencies

Gibt es eine Möglichkeit zu ignorieren, einen Dateityp mit Webpack?

Anzahl der Antworten 2 Antworten
In meine Kunst, für meine website habe ich einige temporäre Dateien, die ich behalten will in meinem "media" - Ordner. Aber dann webpack beginnt beschweren, dass Sie nicht wissen, was zu tun mit diesen Dateien. Gibt es

gewusst wie: importieren von Funktionen aus verschiedenen js-Datei in einem Vue+webpack+vue-loader-Projekt

Anzahl der Antworten 3 Antworten
(siehe am Ende, warum das nicht ein dupe Wie kann ich eine JavaScript-Datei in einer anderen JavaScript-Datei?) Javascipt + Vue + webpack + vue-loader noob... stolpern auf die einfachsten Dinge! Habe ich App.vue die Vorlage: <template> <div

Ändern Sie den text Farbe des reagieren-bootstrap Navbar mit webpack

Anzahl der Antworten 2 Antworten
Ich bin neu in web-Entwicklung, und ich versuche, passen Sie die Farben reagieren-bootstrap Navbar. Dies ist der Inhalt meiner NavbarComponent.cs-Datei: var React = require('react'); var ReactDOM = require('react-dom'); import Navbar from 'react-bootstrap/lib/Navbar'; import Nav from 'react-bootstrap/lib/Nav'; import

Vorbei an Umwelt-abhängige Variablen in webpack

Anzahl der Antworten 14 Antworten
Ich versuche zu konvertieren, eine eckige app von gulp, webpack. im Zug benutze ich gulp-Vorverarbeiten zu ersetzen, die einige Variablen in der html-Seite (z.B. Datenbankname) in Abhängigkeit von der NODE_ENV. Was ist der beste Weg, um ein

NPM vs. Bower vs. Browserify vs. Gulp vs. Grunt vs. Webpack

Anzahl der Antworten 8 Antworten
Ich versuche zusammenzufassen, die meine Kenntnisse über die meisten populären JavaScript-Paket-Manager, bundlers und task-Läufer. Bitte korrigieren Sie mich, wenn ich falsch Liege: npm & bower sind Paket-Manager. Sie laden Sie einfach die Abhängigkeiten und nicht wissen, wie

Wie man ein Hintergrundbild einstellen, in reactjs?

Anzahl der Antworten 5 Antworten
Ich habe eine reactjs/webpack-app und versuchen, legen Sie ein Hintergrundbild für den bodytag: body{ background: url("../images/some-background.jpg"); background-size:contain; background-position:top; background: cover; } Jedoch nach dem laden der Komponenten das Körper-Stil ist nicht vorhanden in der Seite.Es zeigt sich

"Möglicherweise müssen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ" mit Webpack und Babel

Anzahl der Antworten 6 Antworten
Ich versuche, mit Webpack mit Babel zu kompilieren ES6 Vermögen, aber ich bin immer folgende Fehlermeldung: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import {

webpack nicht finden können Modul, wenn die Datei mit dem Namen jsx

Anzahl der Antworten 6 Antworten
Als ich Schreibe webpack.config.js wie diese module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Und in

[Vue warn]: Failed to mount-Komponente: template machen oder Funktion nicht definiert Webpack 4

Anzahl der Antworten 1 Antworten
Begann ich immer diese Fehlermeldung, sobald ich ein Upgrade auf Webpack und der zugehörigen Abhängigkeiten zu v4: [Vue warn]: Failed to mount component: template or render function not defined. Hier die relevanten Ausschnitte von meinem package.json und

webpack " dynamic module loader von verlangen

Anzahl der Antworten 3 Antworten
OK, ich habe gesucht hoch und niedrig, aber nicht zuverlässig deterrmine wenn dies oder ist nicht möglich, mit webpack. https://github.com/webpack/webpack/tree/master/examples/require.context Wird angezeigt, um anzugeben, dass man eine Zeichenfolge übergeben, um eine Funktion oder ein Modul laden... Aber

Laufen Vorhandene Eckige Projekt lokal

Anzahl der Antworten 3 Antworten
Ich bin sehr neu zu Eckig, ich bin versucht, führen Sie ein vorhandenes Projekt von Eckig auf meinem Rechner. Ich habe eine Menge von tests, und folgten eine Menge von Artikeln. Aber nicht mein Projekt. Habe ich

Modul nicht gefunden: Error: Cannot resolve Modul 'fs'

Anzahl der Antworten 2 Antworten
Mache ich ein reagieren-app mit Babel und Webpack und ich will das file-exists Paket von npm. Habe ich bereits installiert und gespeichert, das Paket als Abhängigkeit für mein Projekt. Nach dem ausführen von npm starten, bekomme ich

Wie zu finden .babelrc?

Anzahl der Antworten 2 Antworten
Ich will Reagieren-app mit Ant Design In den docs, Sie sagt, ich brauche zu ändern .babelrc zu modular laden Sie die Dateien, auch aus https://medium.com/@GeoffMiller/how-to-customize-ant-design-with-react-webpack-the-missing-guide-c6430f2db10f.. Aber, ich finde keine.. ich bin ganz neu Webpack/Babel/andere Dinge... Ich verwendet

Wie überwinden laden chunk fehlgeschlagen mit Eckigen faul geladenen Module

Anzahl der Antworten 4 Antworten
Wenn ich änderungen an meiner eckigen app die chunk-Namen ändern auf bauen und die alte version entfernen aus dem dist-Ordner. Einmal bereitgestellt, wenn ein Benutzer aktuell auf der Website und dann navigiert zu einem anderen Teil der

wie man eine inline-svg mit webpack

Anzahl der Antworten 6 Antworten
Frage ich mich, wie man eine inline-svg mit webpack? Ich bin nach dem reagieren-webpack-Kochbuch. Habe ich meine webpack.config korrekt eingerichtet mit der Datei loader. Aber das Beispiel zeigt, mit einem hintergrund-Bild wie dieses hier: .icon { background-image:

npx-Befehl funktioniert nicht

Anzahl der Antworten 4 Antworten
Bitte ich brauche Hilfe, ich arbeite mit webpack und ich brauchen, um ausführen ./node_modules/webpack/bin/webpack.js mit npx. npx webpack laufen würde das webpack binary(./node_modules/webpack/bin/webpack), aber jedes mal, wenn ich ausführen npx webpack ich bekommen bash: npx: Befehl nicht

Wie bekomme ich dieses Typoskript Webpack Projekt zu kompilieren, ohne Fehler?

Anzahl der Antworten 2 Antworten
Ich versuche zu konvertieren nur zwei .js-Dateien zu .ts-Dateien von meinem webpack arbeiten node.js Projekt und kompilieren Sie es (Aktionen.ts und flux.ts). Beim laufen webpack --progress --colors Bekomme ich diesen Fehler: FEHLER bei ./src/app/tools/flux.ts (2,11): Fehler TS2304:

Error: Cannot find module 'webpack', wenn Sie ausgeführt npm start auf Winkel-2 webpack starter

Anzahl der Antworten 3 Antworten
Habe ich geklont von hier: https://github.com/AngularClass/angular2-webpack-starter Installiert, mit einige Warnungen: npm install typings webpack-dev-server rimraf webpack -g Anfangs gab es Klagen über RxJs - wollte die version 2, aber im Paket.json war die version 4. Ich aktualisierte

Reagieren JS-Server-Seite-Ausgabe - Fenster nicht gefunden

Anzahl der Antworten 4 Antworten
Hallo, ich bin versucht zu reagieren-rte in meinem reactJS Projekt. Ich habe server-side-rendering und jedes mal, wenn ich verwenden möchten, dieses Paket habe ich erhalten: return /msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase()); ^ ReferenceError: window is not defined Ich denke das

So fügen Sie eine js-Datei mit webpack?

Anzahl der Antworten 2 Antworten
War ich der Lektüre dieses webpack tutorial: https://webpack.github.io/docs/usage.html Er sagt, es bündelt die src Dateien und node_modules. Wenn ich eine weitere hinzufügen möchten .js-Datei, wie kann ich dies tun? Dies ist ein thirdpartyjs Datei, die nicht Teil

Webpack 4, postcss-loader und autoprefixer plugin

Anzahl der Antworten 4 Antworten
Ich bin immer ziemlich frustriert, versuchen, autoprefixer arbeiten. Hier ist mein webpack.config.js const HtmlWebPackPlugin = require("html-webpack-plugin"); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); const config = { module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: "babel-loader"

webpack: import + Modul.die Exporte im selben Modul verursacht Fehler

Anzahl der Antworten 1 Antworten
Ich entwickle eine website mit webpack. Wenn ich einen code wie diesen: import $ from 'jquery'; function foo() {}; module.exports = foo; Ich habe den Fehler Uncaught TypeError: Cannot assign to read only property 'exports' of object

Nicht abgefangene Fehler: Unerwarteter Richtlinie "MyComboBox" importiert durch das Modul 'AppModule'. Fügen Sie bitte ein @NgModule annotation

Anzahl der Antworten 2 Antworten
Habe ich eine benutzerdefinierte Komponente (MyComboBox), die kendo-combobox-innen. Wenn ich mit meinem core-Modul, webpack Zusammenstellung endet erfolgreich, aber chrome wirft die folgende Fehlermeldung: Uncaught Error: Unexpected directive 'MyComboBox' imported by the module 'AppModule'. Please add a @NgModule

dienen public static files mit webpack

Anzahl der Antworten 3 Antworten
Ich kämpfen, um webpack konfiguriert wie ich es haben möchte. Ich mein dev-server auf localhost:8080 und wollen, um zu dienen meine app durch localhost:8080/static/js/bundle.js und das ist es, was ich mit diesem webpack.config.js die Datei die ich

Webpack Befehl nicht gefunden

Anzahl der Antworten 3 Antworten
Habe ich installiert webpack mit npm install -g webpack und npm install webpack Ich auch installiert webpack-dev-server npm install -g webpack-dev-server Nach Abschluss der installation, lief ich den Befehl webpack aber es zeigt folgende Fehlermeldung webpack: Befehl

Eintrag Modul nicht gefunden: Error: Can ' T resolve './src/index.js'

Anzahl der Antworten 3 Antworten
Ich war die Installation einer reagieren Autostart-app und fügte hinzu, Webpack, aber es sagt Can't resolve './src/index.js'. Browser Zeigt Meine Dateien Weg und Paket.json-Inhalt Webpack.config.js Inhalt var debug = process.env.NODE_ENV !== "production"; var webpack = require('webpack'); var

Scherz-test schlägt fehl mit Fenster ist nicht definiert

Anzahl der Antworten 1 Antworten
Ich versuche, um loszulegen mit state of the art web-Entwicklung lernen Reagieren/Redux. Jetzt bin ich stecken in erste tests laufen. Für einige Grund-Scherz, schlägt mit Task :frontend:test yarn jest v1.0.2 $ "/Users/gunnar/git/app.oakstair.se/frontend/node_modules/.bin/jest" FAIL src/containers/App/App.test.js ● Test suite

Gewusst wie: überschreiben scoped styles in Vue Komponenten?

Anzahl der Antworten 2 Antworten
Let ' s speichern habe ich eine .Vue Komponente, die schnappe ich mir aus dem Github irgendwo. Nennen wir es CompB, und wir werden das hinzufügen einer einzelnen CSS-Regel-set für einen blauen header: CompB.Vue (eine Abhängigkeit, die

Winkel-4 : Build prod: Eigentum privat ist und der Zugriff nur innerhalb der Klasse

Anzahl der Antworten 4 Antworten
ich bin mit Winkel 4 , ich bin mit : ng build --prod ich bin, fangen diese : ng build --prod Your global Angular CLI version (1.2.2) is greater than your local version (1.0.0). The local Angular

Clearing-Webpack-cache

Anzahl der Antworten 3 Antworten
Wie gehen Sie über das zwingt webpack deaktivieren Sie die cache? Mache ich ein-viel Arbeit mit threejs und webpack und für einige Grund, unbemerkt von mir, es hat zwei Kopien threejs im Speicher. Hier der Fehler: Diese

ES6-import mit auf ('@') Zeichen in Pfad in einem vue.js Projekt mit Webpack

Anzahl der Antworten 2 Antworten
Fange ich ein neues vue.js Projekt also habe ich die vue-cli-tool zum Gerüst einer neuen webpack Projekt (d.h. vue init webpack). Als wanderte ich durch die generierten Dateien ist mir Folgendes aufgefallen Einfuhren in die src/router/index.js Datei:

Was genau ist Hot-Modul-Ersatz im Webpack?

Anzahl der Antworten 3 Antworten
Habe ich paar Seiten über Hot-Modul-Ersatz im Webpack. Es gibt sogar eine Beispiel-app, dass es verwendet. Ich gelesen habe, all dies und noch nicht auf die Idee kommen. Was kann ich tun? Es soll nur verwendet werden,

Lösung erfordern Pfade mit webpack

Anzahl der Antworten 10 Antworten
Ich bin immer noch verwirrt, wie zu beheben Modul Pfade mit webpack. Jetzt Schreibe ich: myfile = require('../../mydir/myfile.js') aber ich würde gerne schreiben myfile = require('mydir/myfile.js') Ich dachte, dass beheben.alias helfen kann, da ich ein ähnliches Beispiel

Weigerte sich zu starten Sie das Skript aus, weil sein MIME-type ('text/html') ist keine ausführbare Datei, und die strikte MIME-Typ-überprüfung aktiviert ist

Anzahl der Antworten 7 Antworten
Ich versuche zu setup reagieren routing, die funktioniert, wenn ich auf etwas auf meiner Seite die route funktioniert, jedoch wenn ich eine neue Registerkarte öffnen, und kopieren Sie die url. Ich bekomme Refused to execute script from

wie die export-Funktion mit webpack

Anzahl der Antworten 1 Antworten
Ich beabsichtige zu bündeln, alle meine .js mit webpack. Ich habe versucht, mit einem sehr einfachen Beispiel wie folgt. Funktion zu bündeln und in einem test.js Datei : function test() { console.log('hello'); } Webpack-Konfiguration : module.exports =

How zu deinstallation global-Paket mit npm?

Anzahl der Antworten 4 Antworten
Habe ich installiert webpack auf diese Weise: npm install -g webpack Wollen nun, um es zu deinstallieren: npm uninstall -g webpack Überprüfen Sie es wieder, habe es nicht deinstalliert wurde: webpack -v 3.1.0 Warum? Und verwende ich

"Möglicherweise müssen Sie eine entsprechende loader zum verarbeiten dieser Datei geben Sie" webpack und vue

Anzahl der Antworten 3 Antworten
Ich versuche zu kompilieren webpack mit dem Befehl: node_modules/.bin/webpack und ich bekomme die Fehlermeldung: Module parse failed: /home/vagrant/Code/stream/resources/assets/js/views/Contact.vue Unexpected token (1:0) You may need an appropriate loader to handle this file type. webpack zeigen die Fehler in

Webpack Fehler bundle.js:1 Uncaught SyntaxError: Unexpected token <

Anzahl der Antworten 3 Antworten
Mir läuft der server localhost und erhalten den Fehler " bundle.js:1 Uncaught SyntaxError: Unexpected token < In der Ausgabe bundle.js ist html-code index.html Datei. Dies ist die Einstellung meinem webpack.config-Datei. Können Sie mir bitte sagen, was falsch

Webpack 4 : FEHLER in der Dateneingabe-Modul nicht gefunden: Error: Can ' T resolve './src'

Anzahl der Antworten 4 Antworten
Ich versuche zu laufen webpack-4 ersten mal webpack ./src/js/app.js ./dist/app.bundle.js es zeigt Warnung /Fehler : WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to

Ionic-2 - Runtime-Fehler-Modul Nicht finden kann "."

Anzahl der Antworten 3 Antworten
Habe ich erfahren, das Fehler bei der Bedienung meiner Ionic-2-Anwendung auf meinem localhost mit dem Befehl: ionic serve Ich bin nicht sicher, Woher dieser Fehler stammt aus. Ich habe sorgfältig überprüft, alle meine Importe für einen kaputten

Uncaught ReferenceError: Exporte ist nicht definiert

Anzahl der Antworten 2 Antworten
Ich versuche, mit webpack zu babel Paket und meine web-app (Reagieren + ES6). Aber wenn ich das webpack-dev-server und schlagen Sie die Seite bekomme ich bundle.js:1 Uncaught ReferenceError: exports is not defined Was mache ich falsch? Hier

Babel Vorgabe nicht bieten Unterstützung auf IE11 für das Objekt.zuweisen - "Objekt unterstützt keine Eigenschaft oder Methode 'weisen'"

Anzahl der Antworten 1 Antworten
Ich bin mit babel-preset-env-version - 1.6.1 für meine app reagieren, ich bin immer eine Fehlermeldung im IE :- Objekt unterstützt keine Eigenschaft oder Methode 'zuweisen' dies ist mein .babelrc :- { "presets": [ "react", [ "env", {

Die Anzeige eines statischen Bildes über Reagieren, Typoskript und Webpack

Anzahl der Antworten 4 Antworten
Ich bin versucht, ein Bild anzuzeigen, das in einem React-Komponente als Teil von einem Projekt mit webpack und webpack-dev-server. Bisher habe ich folgende Schritte abgeschlossen: Verwendet npm zu installieren-Datei-loader Aktualisiert webpack.config.js hinzufügen eines loader-für-Bild-Dateien Importiert das Bild,

Benutzerdefinierte schriftart importieren in Angular4

Anzahl der Antworten 2 Antworten
Benutze ich Angular4 und habe ein problem mit der Nutzung meiner benutzerdefinierten schriftart. Ich habe versucht mit font-face, aber es gibt mir die Fehlermeldung, dass die font-Datei nicht gefunden werden kann. Was muss ich tun um diese