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 und Schriften: Modul parse failed

2 Antworten

Ich versuche, FontAwesome in meiner app. Ich bin mit webpack zu tun, es ist Magie. Meine config ist: resolve: { //you can now require('myfile') instead of require('myfile.cjsx') extensions: ['', '.js', '.jsx', '.cjsx', '.coffee'] }, module: { loaders:

Webpack exclude-Datei (nicht Ordner)

2 Antworten

Ich habe versucht, schließen Sie eine Datei in meinem webpack, aber es funktioniert nicht. Ich will nicht, dass Sie gemeinsam kompiliert werden app.js ich will es in einer separaten Datei. Ich habe gelesen, dass für webpack es

webpack

caching Problem mit der web-Anwendung entwickelt, mit reactjs & webpack

3 Antworten

Arbeite ich an einer web-Anwendung entwickelt, mit reactjs und webpack. Nach jedem deployment, müssen wir uns Fragen, Benutzern das löschen des browser-cache und starten Ihren Browser. Ich denke, dass die javascript-bundle-Datei und css-Datei immer zwischengespeichert, die auf

caching javascript reactjs webpack

Webpack gzip-komprimierte bundle nicht zugestellt wird, die unkomprimierte bundle

3 Antworten

Ich versuche aus Webpack für die erste Zeit. Ich habe mit Gulp mit Browserify seit einiger Zeit und bin ziemlich zufrieden mit ihm. An diesem Punkt, ich Teste gerade ein paar Webpack plugins. Nämlich die Kompressions-webpack-plugin. Ich

compression gzip html javascript webpack

Webpack keine Bilder laden von CSS-Eigenschaft background-image

1 Antworten

Ich habe keine Ahnung, was zu tun ist... ich bin mit Webpack mit CSS, style, sass und stylus-Lader. Hier ist mein webpack config... die Bilder nicht zeigen, wenn ich so etwas wie: body background-image: url('bg.jpg') Wenn ich

vue.js webpack

Wie zu verwenden Schluck webpack-stream zu generieren eine richtige Datei?

4 Antworten

Derzeit sind wir mit Webpack für unser Modul-loader, und Gulp für alles andere (sass -> css und der dev/production-build-Prozess) Möchte ich wickeln Sie das webpack Zeug zu schlucken, so alles, was ich tun müssen, ist geben Sie

gulp javascript webpack webpack-dev-server

Modul Build Failed - Webpack, Reagieren, Babel

2 Antworten

Ich war nach einem video-tutorial von plural Anblick. Natürlich name ist "Building a Real-time-App mit React, Flux, Webpack, und Feuerstellung". Bitte sehen Sie die untenstehenden code und angehängten screen-shot von dem Problem, das ich habe. Webpack ist

babeljs ecmascript-7 javascript reactjs webpack

webpack hot-Modul-Ersatz: css ohne refresh

5 Antworten

Bisher habe ich mit livereload, so dass, wenn ich ändern, JS, templates oder wird die Seite aktualisiert, und wenn ich CSS, es würde hotswap-die neue CSS ohne refresh. Ich versuche webpack jetzt und habe fast die selbe

webpack webpack-dev-server

(Webpack) Mit dem url-loader-Datei-loader, muss ich wirklich gehören ein require() in meine .js für jedes statische Bild, das ich aufnehmen wollen?

2 Antworten

Ich bin immer noch lernen, webpack, und ich hatte Mühe, Bilder zu zeigen, bis in meine Produktion zu bauen, bis ich stolperte über einige code, der bereits eine require('path/to/image.png') an der Spitze ein .js-Datei. Also ich habe

javascript webpack

webpack-dev-server-proxy-doesnt-Arbeit

3 Antworten

Möchte ich proxy /v1/* zu http://myserver.com, und hier ist mein Skript JS: devServer: { historyApiFallBack: true, //progress: true, hot: true, inline: true, //https: true, port: 8081, contentBase: path.resolve(__dirname, 'public'), proxy: { '/v1/*': { target: 'http://api.in.uprintf.com', secure: false

http-proxy webpack webpack-dev-server

Wie kann ich die require() aus der Konsole mit webpack?

9 Antworten

Wie kann ich die require () - /import-Module von der Konsole aus? Zum Beispiel, sagen, ich habe installiert die ImmutableJS npm, ich möchte in der Lage sein die Funktionen aus dem Modul, während ich arbeiten bin in

ecmascript-6 javascript webpack

Webpack : so optimieren Sie die erzeugte bundle.js? Es ist viel zu groß in meinem Fall

2 Antworten

Ich bin neu Webpack. Ich versuche es mal mit Webpack für zwei Hauptgründe : - Komponente-management: require(...) Leistung : kleinste Größe möglich, weniger Anfragen möglich auf den server. Aber mit der Anwendung, die ich gerade erst begonnen

javascript webpack

Warum ist mein webpack bundle.js und vendor.bundle.js so unglaublich groß ist?

5 Antworten

Alle meine Projekte Reagieren neigen dazu, unglaublich groß in der Dateigröße (bundle.js ist 4.87 mb vendor.bundle.js ist 2,87 mb). Ich habe keine Ahnung, warum es diese große. Ich habe bereits uglifyJS auf, aber das scheint nicht zu

build javascript reactjs webpack

Basic-webpack funktioniert nicht für den button-Klick-Funktion - nicht Erfasste Referenz-Fehler: undefined

1 Antworten

Habe ich eine einfache HTML Seite mit einem button: <!DOCTYPE html> <html lang="en"> <head> ... </head> <body> <button id="button" onclick="uclicked()">Click me</button> <script src="./bundle.js"></script> </body> </html> und ein app.js: //(function(){ console.log('started up') function uclicked(){ console.log('You clicked'); } //})();

javascript webpack

Dynamisches laden von Komponenten reagieren

3 Antworten

Ich zum laden brauchen, reagieren Komponente dynamisch. Bekomme ich den Namen der Komponente zu laden als einen string vom Benutzer. Ich bin mit webpack. Wie lade ich die Komponente dynamisch, anstatt einen statischen import-Anweisung. Es scheint Require.Ensure

reactjs webpack

Exportieren einer Klasse mit Webpack und Babel nicht funktioniert

1 Antworten

Ich habe ein sehr einfaches setup mit Webpack und Babel für eine kleine Bibliothek. Zuvor hatte ich die folgende Architektur zu generieren ES5-version der Bibliothek: module.exports.lib = (function () { /* private part of library here */

babeljs ecmascript-6 javascript webpack

Jede Art der Verwendung von webpack zu laden eine Ressource zur Laufzeit?

3 Antworten

Habe ich eine einzelne .json-Datei, die Konfiguration enthält Sachen, die ich möchte Verweis aus einem anderen script-file, mithilfe der typische import/syntax erfordern. Derzeit bin ich mit webpack auflösen dieser Abhängigkeiten und bündeln Sie für mich. Diese Datei

configuration json webpack

Wie kann ich den load image(s) in sass-stylesheet im webpack?

3 Antworten

Ich bin mit Webpack zu bündeln, meine Module und mit sass für styling Sinn in einen reagieren basierte Anwendung. Verwendung einer separaten style-sheet ich bin der Einstellung von hintergrund-Bild von einer Komponente geladen und das style-sheet in

css javascript reactjs webpack webpack-style-loader

Im webpack wie kann ich das beheben 'import-Deklarationen können nur erscheinen auf dem oberen Niveau der module'?

4 Antworten

Webpack erfolgreich erstellt und ich kann surfen auf meiner Webseite. Allerdings, das Javascript schlägt fehl, der sagt: 'import-Deklarationen können nur erscheinen auf der obersten Ebene eines Moduls' Unten ist meine ausgegeben app.js enthält die import-Anweisungen. Wie ändere

webpack

Wie materialisieren-css-npm-Paket mit webpack

2 Antworten

Ich Schreibe eine client-seitige Anwendung, die mit Webpack, und ich kann nicht herausfinden, wie zu verlangen, die materialisieren-css-Paket. Ich bin mit Henrik Joreteg die hjs-webpack-Paket, und mit diesem die yeticss npm-Paket enthalten ist, durch einen import in

css materialize npm webpack webpack-style-loader

warum webpack mit Elektron

4 Antworten

Ich bin das Experimentieren mit Elektron. Ich sehe eine Menge von Beispielen, die die Verwendung webpack. Aber warum so etwas wie webpack? Denn soweit ich das sagen kann, Elektron unterstützt require('module'). Elektron ist auf der Oberseite der

electron webpack

Webpack 2: cannot resolve Modul

3 Antworten

Habe ich ein Projekt wie dieses: root/ webpack-config.js app/ app.js js/ dep.js core/ module.js Hier ist das webpack config-Datei: module.exports = { entry: './app/app.js', output: { path: __dirname, filename: "[name]-bundle.js" }, module: { loaders: [ { test:

javascript webpack webpack-2

Karma + Webpack (babel-loader) + ES6 "Unerwartetes token importieren"

1 Antworten

/edit: ich zog die config komplett auf ein minimum demonstriert das problem. Ich auch hochgeladen, ein funktionierendes Projekt auf GitHub, das können Sie Kasse, so dass Sie selbst sehen können. Problematisch Anwendungsfall auf GitHub: webpack-angular15-es6-karma (download 7z-Archiv)

babeljs ecmascript-6 javascript karma-runner webpack

So laden Sie alle Dateien in einem Verzeichnis mit webpack ohne require-Anweisungen

5 Antworten

Habe ich eine große Menge von javascript-Dateien aufgeteilt in 4-Unterverzeichnis in meinem app. In grunt schnappe ich mir alle von Ihnen, und kompiliert Sie in eine Datei. Diese Dateien müssen nicht ein Modul.Export-Funktion. Will ich mit webpack

build javascript webpack

Webpack nodejs fs.readFile ist nicht eine Funktion

1 Antworten

Ich habe ein webpack config wie: var path = require('path') module.exports = { entry: "./index.js", output: { path: path.join(__dirname, 'static'), filename:'bundle.js' }, module: { loaders: [ { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}, { test: /\.json$/, loader:

fs node.js webpack

Kann nicht make bootstrap Arbeit mit Webpack

4 Antworten

Arbeite ich mit einem webpack-dev-server und ich bin versucht zu zählen bootstrap. Habe ich dieses Projekt Struktur: ── css │ └── bootstrap.min.css │── js | └── bootstrap.min.js ├── dist ├── index.html ├── package.json ├── server.js ├── src

javascript twitter-bootstrap webpack webpack-dev-server webpack-style-loader

Warum bin ich nicht in der Lage zu kompilieren SASS mit Webpack?

1 Antworten

Habe ich die folgenden Module, die in meinem Webpack config: module: { preLoaders: [ { test: /\.vue$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ }, { test: /\.js$/, loader: 'eslint', include: projectRoot, exclude: /node_modules/ } ], loaders: [

sass-loader vue.js webpack webpack-dev-server webpack-style-loader

webpack "--watch" vs "- hot" : was ist der Unterschied?

1 Antworten

Was ist der Unterschied zwischen der Verwendung webpack --watch und webpack-dev-server --hot Dank. InformationsquelleAutor Niner | 2016-06-29

webpack

Ändern der hart kodierte url-Konstanten für unterschiedliche Umgebungen über webpack

2 Antworten

Ich habe eine ApiCaller.js Modul zu erstellen, damit Anrufe an unsere api-server, um Informationen zu bekommen. Es hat const Feld API_URL die Punkte zu-server-url. Diese API_URL const änderungen für dev und prod Umgebungen. Also, wenn ich einsetzen

javascript webpack webpack-dev-server

Gewusst wie: hinzufügen von bootstrap 3 zu Angular2 webpack Projekt

2 Antworten

Habe ich installiert die npm-Pakete für jquery & bootstrap -, und fügte dann hinzu Importe in vendor.ts, aber ich habe noch nicht alle bootstrap-styling zeigt sich auf dem browser. ... import 'jquery/dist/jquery.js' import 'bootstrap/dist/css/bootstrap.css'; import 'bootstrap/dist/js/bootstrap.js'; ...

angular jquery twitter-bootstrap webpack

webpackJsonp ist nicht definiert: webpack-dev-server und CommonsChunkPlugin

3 Antworten

Dies ist mein webpack.config.js Datei: const webpack = require('webpack'); const path = require('path'); module.exports = { cache: true, devtool: 'source-map', entry: { app : [ './src/index.js' ], vendor: ['lodash'] }, output: { filename: 'bundle.js', path: path.join(__dirname, 'dist'),

commonschunkplugin javascript webpack

Wie zu vermeiden, Reagieren einlegen zweimal mit Webpack bei der Entwicklung

2 Antworten

npm reactjs webpack

React.js Nicht Abgefangener Fehler: Invarianten-Verletzung

3 Antworten

Nach immer frustrierend, aus dem react_rails Edelstein, weil der Mangel an Unterstützung für Commonjs-Module, Teste ich die react_webpack_rails Juwel von netguru. aber da hab ich dann eine Invariante Verletzung. Zum Beispiel, wenn ich Schreibe, dass ein einfaches

reactjs webpack

Webpack: wie bundle-Einträge zu mehreren gemeinsamen Stücke mit CommonsChunkPlugin?

1 Antworten

Sagen, ich habe zwei Seiten Page1 und Page2 beide verwenden einige Bibliothek(Lieferanten) wie jquery backbone ich möchte denen, die extrahiert werden als eine einzelne Datei, dann möchte ich die freigegebenen Module(außer den Herstellern), die extrahiert werden sollen

javascript webpack

Konnte nicht gefunden preset "es2015" relativ zum Verzeichnis

4 Antworten

Ich ab Reagieren und Flux-Architektur mit den eierkopf.io-tutorial aber ich traf einige Probleme mit babel. Ich bin immer die Fehlermeldung, wenn Sie versuchen zu laufen, meine Anwendung mit webpack-dev-server. Hier ist der Fehler: ERROR in The node

babeljs ecmascript-6 webpack webpack-dev-server

So laden Sie eine lokale video-in Reagieren mit webpack?

1 Antworten

Ich kann nicht scheinen, um herauszufinden, wie man ein html5 video zu Rendern in eine reagieren-app lokale Dateien. Buchstäblich der einzige Weg, ich habe in der Lage, diese zu arbeiten ist wie folgt: <video src="http://www.w3schools.com/html/movie.mp4" controls />

es6-module-loader loader reactjs video webpack

css autoprefixer mit webpack

4 Antworten

Habe ich versucht zu konfigurieren webpack mit WENIGER und Autoprefixer, aber autoprefixer scheint nicht zu funktionieren. Meine css-oder less-Dateien sind nicht autoprefixed. Beispiel: display: flex bleibt display: flex Ich habe mein webpack config unten: var autoprefixer =

autoprefixer postcss webpack

Verwenden Sie CSS-Module in Komponenten Reagieren mit Typoskript gebaut von webpack

5 Antworten

Möchte ich die css-loader mit dem "Module" - option von webpack in einem Reagieren-Anwendung geschrieben, in Maschinenschrift. Dieses Beispiel war mein Ausgangspunkt (Sie sind mit "Babel", webpack und Reagieren). webpack config var webpack=require('webpack'); var path=require('path'); var ExtractTextPlugin=require("extract-text-webpack-plugin");

javascript react-css-modules reactjs typescript webpack

Kann nicht importieren CSS/SCSS-Module. Typoskript sagt "Cannot Find-Modul"

2 Antworten

Ich versuche zu importieren, ein Thema aus einer CSS-Modul, aber Typoskript gibt mir ein "Nicht Finden können, das Modul" Fehlermeldung und das Thema nicht angewandt wird auf die Laufzeit. Ich glaube, es gibt etwas falsch mit meinem

css-modules import sass typescript webpack

Wie @import externer SCSS richtig mit webpack und Vue.js?

2 Antworten

Als Material-Komponente Web-Beispiel, ich möchte in der Lage sein, zu importieren SCSS aus meiner node_modules wie diese: @import '@material/elevation/mdc-elevation'; Allerdings bin ich mir immer diese Fehlermeldung Sie beim ausführen der webpack bauen: File to import not found

sass vue.js webpack

Reagieren, babel, webpack nicht analysieren jsx-code

5 Antworten

webpack.config.js module.exports = { context: __dirname + "/app", entry: { javascript: "./app.js", html: "./index.html", }, resolve: { extensions: ['', '.js', '.jsx'] }, output: { filename: "app.js", path: __dirname + "/dist", }, module: { loaders: [ { test:

babeljs javascript node.js reactjs webpack

Reagieren Server-side-rendering von CSS-Module

3 Antworten

Die aktuelle Praxis für die CSS-Datei mit, Reagieren die Komponenten zu sein scheint, mit webpack Stil-loader laden Sie ihn in die Seite. import React, { Component } from 'react'; import style from './style.css'; class MyComponent extends Component

reactjs webpack webpack-style-loader

Webpack Ausgänge falschen Pfad für die Bilder

1 Antworten

Ich bin erstellen einer Website mit reagieren und webpack. Beim erstellen der app mit webpack und versuchen Sie, Bilder, die Bilder werden geschrieben, um die build-Ordner zusammen mit den anderen assets, aber der link zu dem Bild,

image javascript reactjs webpack

Webpack Lader vs-plugins; was ist der Unterschied?

4 Antworten

Was ist der Unterschied zwischen Lader und plugins im webpack? Den Dokumentation für die plugins sagt nur: Verwenden von plugins zur Erweiterung der Funktionalität typischerweise mit bundles in webpack. Ich weiß, dass babel benutzt einen loader für

javascript reactjs webpack

[email protected]: “Modul parse failed. Möglicherweise benötigen Sie einen entsprechenden loader zum verarbeiten dieser Datei-Typ" - aber mithilfe von css-loader-und-Stil-loader

1 Antworten

Unten ist meine webpack.config.js und das Paket.json module.exports = { entry: "./entry.js", output: { filename: "./build/js/bundle.js" }, module: { rules: [ { test: /.\js$/, use: [ { loader: 'babel-loader', options: { presets: ["es2015"] } } ] },

css-loader webpack webpack-style-loader

Bevorzugte Art und Weise der Verwendung von Bootstrap in Webpack

3 Antworten

Grüße alle, Ich habe das Spiel mit Bootstrap für Webpack, aber ich bin an dem Punkt, reißen mir die Haare aus. Ich habe buchstäblich Weg durch Lasten von blog-Artikeln und Sie entweder die 7 Monate veraltet "bootstrap-webpack"

babel javascript twitter-bootstrap vue.js webpack

Webpack: Hat die Reihenfolge der plugins eine Rolle?

1 Antworten

Sah ich es bei den docs hier und hier, gesucht StackOverflow und GitHub Diskussionen und immer noch nicht finden können, diese Informationen. Gibt es irgendeine Ressource oder hat jemand weiß, ob die Reihenfolge der plugins, die Angelegenheit

webpack

Babel-Plugin/Preset-Dateien sind nicht erlaubt, um die Objekte exportieren, nur Funktionen

2 Antworten

Ich bin tryng zu verwenden Babel-loader auf einem alten Projekt und ich feststellen, dass einige Fragen in Bezug auf, wenn zu babel-Lader arbeiten auf verpackten Objekten, ist dies die Standard-Verhalten ? Ich bin nicht sicher, ob das

babel javascript webpack

Warum Reagieren Webpack Aufbau der Produktion zeigt Leere Seite?

4 Antworten

Ich Baue eine app reagieren, und im moment webpack-dev-server funktioniert Prima( der Hallo Welt text zeigt ), Aber webpack -p zeigt leere Seite. Für die Produktion bauen Sie Die Registerkarte "Netzwerk" unter chrome dev tools, zeigt index.html

javascript reactjs redux web-applications webpack

webpack Fehler Nicht finden kann Modul 'weniger'

6 Antworten

Ich versuche, weniger Lader im webpack und die Probleme, die ich installiert habe, weniger loader lokal, aber wenn ich versuche zu kompilieren alles mit webpack-Befehl in Aalen, druckt er aus: "FEHLER Nicht finden kann Modul 'weniger'". In

less webpack