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.
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
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?,
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
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
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
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
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
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
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
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
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
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
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 {
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
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
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
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
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
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
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
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:
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
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:
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
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
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
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"
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
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
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
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
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
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
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
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
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
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:
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,
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
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
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 =
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
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
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
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
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
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
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", {
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,
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