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.

Wie kann ich die verketten und verkleinern von Dateien mit webpack

4 Antworten

Ich möchte in der Lage sein, zu minifizieren und zu verketten Dateien in 1 einzigen Datei ohne Verwendung von grunt Wie verketten und minifizieren mehrere CSS-und JavaScript-Dateien mit Grunt.js (0.3.x) kann ich erreichen, das mit nur webpack?

Fehler: Cannot resolve Modul "Stil-loader'

7 Antworten

Ich bin mit Stil-loader mit webpack und reagieren Rahmen. Wenn ich laufen webpack im terminal ich bin immer Module not found: Error: Cannot resolve module 'style-loader' im import.js Datei obwohl ich angegeben habe das der Datei-Pfad richtig

javascript reactjs webpack webpack-style-loader

Uncaught ReferenceError: Reagieren ist nicht definiert

2 Antworten

Hallo, ich kenne diese Art von Frage gestellt wurde schon ein paar mal, aber ich konnte nicht die Antwort. Ich versuche zu schreiben Reagieren Hallo Welt " - Beispiel. Ich habe nur zwei Dateien einer app.jsx und

react-dom reactjs webpack

Reagieren-router Probleme mit der Bereitstellung von github-Seiten, die mit create-reagieren-app

1 Antworten

Ich bin habend die härteste Zeit bereitstellen einer einfachen Anwendung reagieren zu github pages. Verschieben Sie eine Datei in einem falschen Verzeichnis, und es löst den gesamten Prozess aus. Was mache ich, wenn ich laufen npm run

github-pages http-status-code-404 react-router reactjs webpack

Eckige 2-unit-Tests - immer Fehler konnte nicht geladen werden 'ng:///DynamicTestModule/module.ngfactory.js'

9 Antworten

Habe ich eckige 2 webpack-Anwendung, die alle webpack,karma-Konfiguration erstellt als pro Winkel.io webpack guide. Ich bin nicht mit aot. Ich Schreibe Jasmin unit-test-spec zu testen, meine Komponenten. Zuerst habe ich versucht ohne async-block, in diesem Fall ,

angular karma-runner webpack

Webpack sass, wo ist die css Datei

2 Antworten

Bin ich mit dem web-pack mit sass loader so: module.exports = { module: { loaders: [ { test: /\.scss$/, loader: "style!css!sass" } ] } }; Aber ich sehe die Stile gelten für das style-tag, wo ist das

javascript node.js sass webpack

Nodejs absolute Pfade in windows mit Schrägstrich

4 Antworten

Kann ich absolute Pfade mit Schrägstrich in windows in nodejs? Ich bin mit so etwas wie dieses : global.__base = __dirname + '/'; var Article = require(__base + 'app/models/article'); Aber unter windows mit der build fehlschlägt, als

absolute-path node.js webpack windows

Modul build failed: ReferenceError: [BABEL]

1 Antworten

Habe ich diese Konfiguration Paket.json { "name": "app02", "version": "1.0.0", "description": "", "main": "webpack.config.js", "dependencies": { "react": "^0.14.3" }, "devDependencies": { "babel-core": "^6.2.1", "babel-loader": "^6.2.0", "babel-preset-es2015": "^6.1.18" }, "scripts": { "test": "echo \"Error: no test specified\" &&

babeljs npm reactjs webpack

Bereitstellen von Knoten, die verwendet Webpack auf heroku

2 Antworten

Ich bin mit webpack. Auch ich nicht Begehen npm_modules Ordner und den öffentlichen Ordner, in dem alle generierten Dateien sind. Und ich kann nicht herausfinden, wie Baue ich meine app (ich habe webpack build-Befehl) nach dem bereitstellen

heroku node.js webpack

reagieren-bootstrap mit webpack

1 Antworten

Ich bin versucht, zu reagieren-bootstrap mit web pack. Ich bin in der Lage, eine bootstrap - <Button> auf einer Seite, aber es gibt keine Stile befestigt? Ich habe installiert: "devDependencies": { "babel-core": "^5.1.11", "babel-loader": "^5.0.0", "css-loader": "^0.12.1",

react-bootstrap webpack

webpack sass-loader nicht erzeugen einer css-Datei

2 Antworten

Ich kann nicht herausfinden, wie zu machen eine css-Datei mit dem webpack sass-loader. Hier ist, was mein webpackconfig.js sieht aus wie: module.exports = { context: __dirname + "/app", entry: { javascript: "./app.js", html: "./index.html" }, output: {

loader sass webpack

Konfigurieren von schriftart-Datei-Ausgabe-Verzeichnis von font-awesome-webpack im webpack?

8 Antworten

Ich gerade installiert, font-awesome-webpack. Ich Importiere es mit: require("font-awesome-webpack"); Mein webpack config enthält die folgenden in meinem Modul-Lader array: { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" }, { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" } Problem ist, ich bin immer diese

font-awesome javascript webpack

Wie bundle-vendor-Skripts und verlangen Sie bei Bedarf mit Webpack?

4 Antworten

Ich versuche, etwas zu tun, dass ich glaube, dass sollte möglich sein, aber ich kann wirklich nicht verstehen, wie es zu tun, nur aus der webpack-Dokumentation. Schreibe ich eine JavaScript-Bibliothek mit einigen Modulen, die kann oder kann

external-dependencies javascript webpack

Wie Sie angeben, cacheDirectory option bei der Verwendung von babel-loader mit webpack?

2 Antworten

Es ist ein cacheDirectory option in babel-loader. Ich kann nicht herausfinden, wie es zu benutzen mit den folgenden webpack setup: var compiler = webpack( { context: path.resolve( __dirname + "/../../" + rootModuleDir + "/" + modules[ module

babeljs webpack

Webpack importieren "undefined" zurückgibt, je nach der Reihenfolge der Importe

1 Antworten

Ich bin mit webpack + babel. Ich habe drei Module wie folgt suchen: //A.js //some other imports here console.log('A'); export default 'some-const'; //B.js import someConst from './A'; console.log('B', someConst); export default 'something-else'; //main.js import someConst from './A';

babeljs javascript webpack

Was ist der loader, um für webpack?

3 Antworten

Wenn ich eine loader-Konfiguration mit mehreren tests die Anpassung einer Datei, ich würde erwarten, dass nur die erste passende loader verwendet werden, aber das scheint nicht der Fall zu sein. Habe ich versucht zu Lesen die Quelle

webpack

Sass loader funktioniert nicht im webpack

3 Antworten

Ich versuche zu bekommen *.scss-Dateien werden unterstützt, in meinem webpack-Konfiguration, aber ich bekomme immer folgende Fehlermeldung, wenn ich das webpack build-Befehl: ERROR in ./~/css-loader!./~/sass-loader!./app/styles.scss Module build failed: TypeError: Cannot read property 'sections' of null at new SourceMapConsumer

node.js sass webpack

wie zu verwenden webpack zu laden, CDN oder externen Lieferanten javascript-lib, die in js-Datei, nicht in der html-Datei

5 Antworten

Ich bin mit reagieren starter-kit für die clientseitige Programmierung. Es verwendet reagieren und webpack. Keine index.html oder ein beliebiges html zu Bearbeiten, alle js-Dateien. Meine Frage ist, wenn ich laden will ein Anbieter js-lib von cloud, wie

javascript node.js reactjs webpack

Wann verwende ich die 'Nutzung' und 'loader' in der Webpack-2-Modul.Regeln?

2 Antworten

Ich bin ein Upgrade meines aktuellen Projekts Webpack2das war es mit Webpack1 vor. Ich habe sah in ein paar tutorials zu aktualisieren und im Allgemeinen, ich verstehe. Das Problem, das ich immer wieder mit, obwohl, ich bin

webpack webpack-2

Setzen Sie jQuery mit Webpack einem echten Window-Objekt aus

6 Antworten

Ich wan ' T expose jQuery-Objekt um die Globale window-Objekt ist barrierearm innen developer-Konsole im browser. Jetzt in meinem webpack config habe ich folgende Zeilen: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Diese Zeilen

javascript jquery webpack

So erstellen Sie mehrere Ausgabepfade in der Webpack-Konfiguration

6 Antworten

Weiß jemand, wie man erstellen Sie mehrere ausgabepfade in einem webpack.config.js Datei? Ich bin mit bootstrap-sass, die kommt mit ein paar verschiedenen font-Dateien, etc. Für webpack um Sie zu verarbeiten, habe ich die Datei-loader funktioniert, aber die

config loader output path webpack

Was ist der beste Weg, um Babel Polyfill mit mehreren Einstiegspunkten zu integrieren?

2 Antworten

Ich bin mit einem webpack config mit mehreren Einstiegspunkten: var fs = require('fs'); var webpack = require('webpack'); var commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.[hash].js'); module.exports = { cache: true, entry: { main: './resources/assets/js/main.js', services: './resources/assets/js/services.js' }, output: { path:

babeljs webpack

Angular 2: Keine NgModule-Metadaten gefunden

15 Antworten

Ich bin ganz neu auf Winkel-2 und versucht, zu Folgen, zusammen mit einem video-tutorial habe ich gefunden. Trotz Befolgung aller Schritte, Eckige einfach nicht funktioniert; ich bekomme die folgende Fehlermeldung: compiler.umd.js:13854 Uncaught Error: No NgModule metadata found

angular typescript webpack

Wie Debuggen Angular mit VSCode?

5 Antworten

Wie bekomme ich konfigurieren, Winkel-und VSCode so, dass meine breakpoints funktionieren? InformationsquelleAutor der Frage Asesjix | 2017-02-27

angular debugging visual-studio-code webpack

Ungültiges Konfigurationsobjekt Webpack wurde mit einem Konfigurationsobjekt initialisiert, das nicht mit dem API-Schema übereinstimmt

14 Antworten

Habe ich diese einfache "helloworld" reagieren-app erstellt aus einem online-Kurs, allerdings bekomme ich diesen Fehler: Ungültige Konfiguration Objekt. Webpack initialisiert wurde mit einem Konfigurations-Objekt, das nicht mit der API-schema. - Konfiguration hat eine unbekannte Eigenschaft 'postcss'. Diese

reactjs typescript webpack

"Möglicherweise benötigen Sie einen geeigneten Loader für diesen Dateityp" mit Webpack und Babel

4 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 {

babeljs es6-module-loader javascript webpack

Konfigurieren Sie Webpack so, dass Bilder / Schriften in separaten Unterordnern ausgegeben werden

2 Antworten

Schaffte ich es konfigurieren webpack Ausgabe von CSS und JS in die jeweiligen Unterverzeichnisse, d.h. public/asests/css und public/assets/js. Allerdings, ich weiß nicht, wie zu tun die selben für Bilder und Schriften. In anderen Worten, ich möchte die

webpack

Webpack-Optimierung mit UglifyJS-Plugin verursacht Laufzeitfehler

3 Antworten

Habe ich ein isomorph Reagieren-Anwendung, die gebündelt über webpack. Habe ich 2 Eintrag entsprechenden Punkte 2 gebündelt-Datei Ausgänge: vendors.js und app.js. Beim ausführen des webpack-dev-server oder beim kompilieren ohne Optimierungs-flags, funktioniert alles einwandfrei. Allerdings, sobald ich versuche,

javascript reactjs uglifyjs webpack

So ermitteln Sie die installierte Webpack-Version

3 Antworten

Insbesondere während des übergangs von webpack v1 zu v2, es wäre wichtig, um programmgesteuert ermitteln, was webpack version ist installiert, aber ich kann nicht scheinen zu finden, die entsprechende API. InformationsquelleAutor der Frage doberkofler | 2017-01-15

javascript node.js webpack webpack-2 webpack-3

Regeln gegen Loader in Webpack - Was ist der Unterschied?

1 Antworten

In einigen Webpack Beispiele, die Sie sehen, Verweis auf "Regeln" array: module.exports = { module: { rules: [ { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: 'style-loader', //resolve-url-loader may be chained before sass-loader if necessary use: ['css-loader', 'sass-loader'] })

webpack

'Symbol' ist in IE nach der Verwendung von babel nicht definiert

4 Antworten

Ich habe eine reactjs app geschrieben, mit ES6-standards, und ich benutze webpack zu bauen. Die webpack lädt die js Module mit babel-loader. Um genau zu sein, ich verwende die folgenden Versionen: ├── [email protected] ├── [email protected] ├── [email protected]

babeljs reactjs webpack

Was ist die beste Vorgehensweise beim Importieren von angularjs mit Webpack?

2 Antworten

Wie verwenden Sie Webpack und AngularJS zusammen, und wie über die Vorlage laden und on-demand-abrufen von Ressourcen? Ein Beispiel für eine gut geschriebene webpack.config.js - Datei für diesen Zweck würde sehr geschätzt werden. Alle code-snippets, die hier

angularjs javascript webpack

Brauche ich den webpack-dev-server, wenn ich einen Node-Server wie express verwende?

1 Antworten

Bin ich nach einigen tutorials zum erstellen einer isomorph app mit express und reagieren. Ich bin verwirrend mit der webpack-dev-server. Dem webpack tutorial sagt über die webpack-dev-server: Dieser bindet einen kleinen express-server auf localhost:8080 die dient Ihrer

express node.js webpack webpack-dev-server

webpack benötigt ein relatives Bild

1 Antworten

Habe ich zwei Dateien: ./img/Goldfisch.png ./js/help/targets/target.js In target.js: <img src={require("../../../img/target.png")} /> Mit webpack.config.js: 14 module: { 15 loaders: [ 16 { test: /\.js$/, loader: 'jsx-loader?harmony' }, 17 { test: /\.css$/, loader: 'style-loader!css-loader' }, 18 { test: /\.(png|jpg|jpeg|gif|woff)$/,

image-loading javascript urlloader webpack

Webpack, wie man Produktionscode erstellt und wie man es benutzt

8 Antworten

Ich bin ganz neu webpack, fand ich, dass in den Aufbau der Produktion können wir in der Lage, um die Größe der Gesamt-code. Derzeit webpack baut um 8MB-Dateien und main.js rund 5 MB. Wie reduziert man die

node.js npm reactjs webpack webpack-dev-server

Auflösen erfordert Pfade mit Webpack

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

javascript webpack

Wie kann ich meine Angular 2 + Typescript + Webpack App bereitstellen?

4 Antworten

Bin ich eigentlich lernen Winkel-2 mit Typoskript und entwickelt eine kleine app, indem Sie auf der Grundlage der angular-seed-Projekt (angular-seed). Ich gebaut habe, die app für Produktions-Zwecke und bekam dist-Ordner bereitgestellt werden mit meiner bundle-Dateien wie dieses:

amazon-ec2 angular deployment nginx webpack

Getting "Error:` output.path` muss ein absoluter Pfad sein oder `/` "

3 Antworten

Ich bin neu in der JS-Entwicklung, in einem Versuch, die heiße Ladung verpasst mit webpack-dev-server halte ich obige exception. Die genaue stack: Error: `output.path` needs to be an absolute path or `/`. at Object.Shared.share.setFs (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/lib/Shared.js:88:11) at Shared

webpack webpack-dev-server

JQuery-Plugin-Abhängigkeit in Webpack verwalten

11 Antworten

Ich bin mit Webpack in meiner Anwendung, die ich erstellen zwei Einstiegspunkte, - bundle.js für alle meine JavaScript-Dateien/codes, und vendors.js für alle Bibliotheken, wie jQuery und Reagieren. Was muss ich tun, um plugins, die jQuery-wie Sie Ihre

amd javascript jquery webpack

Webpack Style-Loader vs CSS-Loader

3 Antworten

Habe ich zwei Fragen. 1) CSS Loader und Style Loader sind zwei webpack Lader. Ich konnte nicht begreifen, den Unterschied zwischen den beiden. Warum muss ich zwei Lader, wenn Sie beide das selbe tun? 2) Was ist

webpack webpack-style-loader

Webpack: Laden von Bildern aus HTML-Vorlagen

3 Antworten

Ich versuche zum einrichten einer eckigen Projekt mit Webpack, aber ich kann nicht herausfinden, wie zu Referenz-Bildern aus, die in html-templates-und haben Sie im build enthalten. Mein Projekt Baum ist wie folgt: package.json app/ - images/ -

angularjs html javascript webpack

"Modul nicht gefunden: Fehler: Modul 'react / lib / ReactMount' kann nicht aufgelöst werden"

9 Antworten

Ich verwendet, Reactjs und webpack ein Projekt starten, und wenn ich den "node-server" in der Eingabeaufforderung, gibt es eine Fehlermeldung wie diese: Und die chrome explorer geöffnet erfolgreichen, aber auch Probleme wie folgt: Dem github ist: (github.com/Yangqin0607/gallery)

reactjs webpack

Webpack Dev Server läuft auf HTTPS / Web Sockets Secure

3 Antworten

Normalerweise im Entwicklermodus Webpack läuft über HTTP. Es ist in der Regel ein web-server für Inhalte, die über HTTP und webpack mit http/websockets auf einem separaten port. Ist es möglich, den web-server auf https und webpack auf

devserver https ssl webpack

Webpack babel 6 ES6 Dekorierer

4 Antworten

Ich habe ein Projekt geschrieben, die in ES6 mit webpack als meine bundler. Die meisten der transpiling funktioniert gut, aber wenn ich versuchen, Dekorateure überall, ich bekomme diese Fehlermeldung: Decorators are not supported yet in 6.x pending

babeljs ecmascript-6 javascript webpack

Gulp + Webpack oder JUST Webpack?

5 Antworten

Sehe ich die Menschen mit Schluck mit webpack. Aber dann habe ich gelesen webpack ersetzen kann, gulp? Ich bin völlig verwirrt hier...kann sich das jemand erklären? UPDATE am Ende begann ich mit gulp. Ich war die neue,

gulp node.js webpack

webpack benötigt jede Datei im Verzeichnis

3 Antworten

Dies ist meine Datei-Struktur -main.js -SomeDir -fileA.js -fileB.js Was soll ich tun, wenn ich laden will (innerhalb main.js) jede Datei in someDir ohne Angabe der Dateinamen - etwas wie: require(./someDir/*.js) ? InformationsquelleAutor der Frage yonatanmn | 2015-04-27

javascript webpack

Chrome-Speicher-Cache vs. Festplatten-Cache

3 Antworten

Ich bin interessiert in Chrom-Speicher cache-vs-Datenträger-cache? Ich benutze webpack, gemeinsame Stücke plugin und generiert alle meine Dateien mit chunkhash. Wie funktioniert die Speicher unterscheiden sich von den disk-cache. Wenn ich neu laden meiner Seite einige Dateien aus

caching google-chrome webpack

jquery-ui und webpack, wie man es in Modul verwaltet?

5 Antworten

keine Idee, wie damit umgehen ? Ich meine jquery-ui scheint nicht zu amd und ich weiß nicht, wie um Sie zu verwalten , irgendeine Idee ? InformationsquelleAutor der Frage François Richard | 2015-11-30

jquery-ui webpack

Webpack 4 - Wie konfiguriere ich minimieren?

2 Antworten

Webpack 4 wird mit der folgenden Anweisung: webpack.optimieren.UglifyJsPlugin entfernt wurde, verwenden Sie bitte die config.- Optimierung.minimieren statt. Fair genug, aber ich kann nicht finden alle Informationen über das konfigurieren der UglifyJsPlugin Instanz läuft unter der Haube, zum

javascript web webpack webpack-4

Wie man die Konfigurationsdatei speichert und sie mit React liest

3 Antworten

Ich bin neu auf react.js ich habe implementiert eine Komponente, in die ich abrufen der Daten vom server, und verwenden Sie es wie CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call

configuration flux javascript reactjs webpack