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.

html-webpack-plugin nicht Spritzen js-Datei in index.html bei der Verwendung von webpack-dev-server

Anzahl der Antworten 3 Antworten
Hier ist mein webpack config : var path = require('path'); var webpack = require('webpack') var HtmlWebpackPlugin = require('html-webpack-plugin') var fs = require('fs'),buildPath='./dist/'; var folder_exists = fs.existsSync(buildPath); if(folder_exists == true) { require('shelljs/global') rm('-rf', 'dist') }; module.exports = {

Reagieren-code nicht angezeigt im browser

Anzahl der Antworten 2 Antworten
Ich bin mit Webpack zu bündeln, einige Reagieren geschriebenen code in JSX-format. Ich habe alles eingerichtet und läuft soweit kompilieren geht und wie es aussieht, wenn alles richtig ist in der bundle.js Ausgabe-Datei. Wenn ich importieren Sie

Wie zu stoppen FOUC bei der Verwendung von css geladen webpack

Anzahl der Antworten 3 Antworten
Ich bin immer FOUC beim laden von css in meinem Einstiegspunkt, wenn mit webpack. Wenn ich das entfernen meiner css geladen werden, von webpack und gehören einfach in meine html-Datei als normalen link dann das problem mit

Mit webpack zum laden von CSS-Dateien aus node-Module

Anzahl der Antworten 2 Antworten
Ich versuche, einen reagieren Komponente enthält eine css-Datei. Ich bin erfordern die Komponente wie gewohnt: var Select = require('react-select'); Ich würde gerne wissen, wie kann ich festlegen, dass die css benötigt für die Komponente. Hab ich auch

Aktivieren der source-Karten erstellen-reagieren-app?

Anzahl der Antworten 3 Antworten
jeder. Ich bin ein neues Mitglied zu reagieren und ich meine app verwenden create-reat-app .Ich verwendet node-sass-chokidar Paket wie reagieren Dokument. Aber ich weiß nicht, wie zu aktivieren "source maps" der scss-Datei. Vielen Dank für jede Hilfe.

Webpack einfach kompilieren eine Reihe von Mops-Vorlagen in HTML

Anzahl der Antworten 1 Antworten
Im erste Schritte mit webpack aber eine Sache kann ich nicht für das Leben von mir zu erarbeiten, ist wie man einen Ordner (mit der Möglichkeit der verschachtelten Ordner), voller .Mops Vorlagen, und einfach compilieren zu statischem

webpack nicht erzeugen von source maps

Anzahl der Antworten 3 Antworten
webpack.config.js const path = require('path'); const webpack = require('webpack'); module.exports = { entry: './src/index.js', plugins: [ new webpack.HotModuleReplacementPlugin() ], output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') }, devServer: { hot: true, contentBase: path.join(__dirname, 'dist'), }, devtool: "source-map"

Wie kann man das “@types/node/index.d....ts ist nicht ein Modul"?

Anzahl der Antworten 2 Antworten
Habe ich installiert-Knoten-Typ-Definitionen mit dem folgenden Befehl npm install --save-dev @types/node Danach, wenn ich versuche zu importieren, Knoten-Typ-Definitionen mit Hilfe der folgenden Anweisung import { Process } from '@types/node'; oder import { Process } from 'node'; Bekomme

Uncaught TypeError: fs.readFileSync keine Funktion

Anzahl der Antworten 4 Antworten
Ich versuche webpack und mapbox-gl arbeiten zusammen innerhalb von Meteor Systems. Ich habe überall suchen, über die oben genannten Fehler, aber keiner funktioniert. Hier ist mein webpack setup { "root": "src", "devServer": { "host": "localhost" }, "sass":

Winkel-cli niedrigere version lokal

Anzahl der Antworten 4 Antworten
Ich eine neue version von angular-cli Global installiert. Die version ist wie folgt. C:\Users\W055013\kumar\learn\rx>ng --version As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release, which will only support Node 6.9

Ist es möglich zu schreiben webpack config in typescript?

Anzahl der Antworten 4 Antworten
Sah ich, beim suchen, dass es-Testungen für webpack. So es scheint, ich kann schreiben webpack.config.js in typescript? Aber wie kann ich das tun? Hey! Würdest du in Erwägung ziehen das akzeptieren, markieren Sie das hoch von Ihnen

Wie require 'ass-builds/ace' mit Webpack und noParse option

Anzahl der Antworten 1 Antworten
Ich versuche momentan zu verlangen ass-builds (installiert bower) mit webpack. Da es eine große lib, ich bin das hinzufügen den gesamten Ordner zu noParse option. Ich bin mit webpack mit der option-d auf dem terminal. Das problem

Wie bekomme ich Karma + Webpack finden das Modul?

Anzahl der Antworten 1 Antworten
Ich will laufen meine tests auf einer Reihe von Modulen nach dem webpack hat, kombiniert Sie zusammen durch das Karma test runner, aber immer, wenn ich mit meinen tests Karma sagt, "Error: Cannot find-Modul "hello.js" an http://localhost:9877/base/src/hello.spec.js?d301966ffc1330826574d9d8fff5a644c3390c68:47"

Kann keine Bilder laden mit webpack dev server middleware

Anzahl der Antworten 1 Antworten
Also ich habe in den letzten 24 Stunden und Optimiere meinen code und versucht, diese zu arbeiten und durchforstete SO und Google, aber kein Glück - vielleicht kann jemand helfen! Reagieren meine app läuft auf Express, aber

mit async/await mit webpack-einfache Konfiguration werfen Fehler: RegeneratorRuntime nicht definiert

Anzahl der Antworten 3 Antworten
Bin ich mit dem webpack-einfache Vorlage mit folgenden Konfigurationen: Paket.json { "name": "vue-wp-simple", "description": "A Vue.js project", "version": "1.0.0", "author": "v", "private": true, "scripts": { "dev": "webpack-dev-server --inline --hot", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" }, "dependencies":

Wie zu verwenden noParse im webpack?

Anzahl der Antworten 1 Antworten
Ausschließen will ich dies von meinem webpack-Datei, indem Sie diese Zeile code, die mir gegeben unten. noParse: /node_modules\/localforage\/dist\/localforage.js/, Aber egal was ich versuche ich es hält auf zu sagen Fehler, wie ReferenceError: Unknown plugin "add-module-Exporte" angegeben C:/..../node_modules\localforage\.babelrc

WebPack-Funktion ausführen, bevor der Aufbau beginnt

Anzahl der Antworten 1 Antworten
Muss ich ausführen einer JavaScript-Funktion vor dem Webpack beginnt seine building-Prozess. Die Funktion braucht nur .scss Dateien und verketten Sie in einem. Danach Webpack sollte die Ergebnis-Datei. Gibt es eine Möglichkeit, das zu tun? Im moment habe

Nicht ES6 import JSX-Module im Webpack

Anzahl der Antworten 2 Antworten
Für einige Grund, warum ich kann nicht scheinen, um Webpack import-Module aus .JSX-Dateien. Jedes mal, wenn ich versuche zu laufen Webpack werde ich diese Meldung bekommen: ERROR in ./src/Example.jsx Module parse failed: /path/to/project/src/Example.jsx Unexpected token (6:12) You

Verkleinerung für die ES6-code in webpack mit babel

Anzahl der Antworten 2 Antworten
Habe ich versucht Optionen wie Uglifyjs,babelli (babel-minifizieren ).nichts scheint zu funktionieren.Verunstalten wirft eine Fehlermeldung wie diese: Namen erwartet [au680.bundle.js:147541,22] babelli nicht minimiert den code entweder.Kann jeder ein einfaches Beispiel geben von es6 Verkleinerung nutzen webpack 2, babel.

webpack - How zu extrahieren bundle für die jeweiligen Komponenten

Anzahl der Antworten 2 Antworten
Ich würde gerne entpacken/extrahieren Sie die Komponente und js-Dateien aus bundle.js (ein webpack-Datei). ich habe mit dieser Datei nur Ich habe gegoogelt und versucht, einige Möglichkeiten zu bundle entpacken js-Dateien, aber es hat nicht geklappt. ich habe

[email protected] erfordert ein peer [email protected]^4.x.x aber keines installiert ist

Anzahl der Antworten 1 Antworten
Habe ein wenig Probleme mit Reagieren. Weiß jemand wie ich das installieren kann, mit dem der peer [email protected]^4.x.x? Dies ist der Fehler, bin ich empfangen, wenn ich versuche zu laufen webpack-dev-server in cmd. Es gibt einfach zurück,

benötigen Sie ein Modul mit webpack

Anzahl der Antworten 1 Antworten
Ich benutze Webpack, um zu bauen mein javascript auf meiner website. Alles funktioniert perfekt, aber ich möchte zu nennen, erfordern in einer Vorlage (dynamisch Hinzugefügt). Will ich verlangen können, ein Modul nach dem bauen. (erforderlich ist nicht

Hässlich machen, Nicht Lesen-Eigenschaft 'reset' undefined

Anzahl der Antworten 5 Antworten
Ich verwendet webpack2 zu bauen my app, aber Wann verwenden Sie verunstalten-js + uglifyjs-webpack-plugin.Ich habe einige Probleme: ERROR in vendors.js from UglifyJs TypeError: Cannot read property 'reset' of undefined at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:99:22 at F:\Github\Program\My-test\Webpack\www2\node_modules\[email protected]@uglifyjs-webpack-plugin\dist\index.js:231:9 at Array.forEach (native) at

Webpack und Schriften: Modul parse failed

Anzahl der Antworten 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)

Anzahl der Antworten 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

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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

Webpack keine Bilder laden von CSS-Eigenschaft background-image

Anzahl der Antworten 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

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

Anzahl der Antworten 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

Modul Build Failed - Webpack, Reagieren, Babel

Anzahl der Antworten 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

webpack hot-Modul-Ersatz: css ohne refresh

Anzahl der Antworten 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) 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?

Anzahl der Antworten 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

webpack-dev-server-proxy-doesnt-Arbeit

Anzahl der Antworten 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

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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'); } //})();

Dynamisches laden von Komponenten reagieren

Anzahl der Antworten 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

Exportieren einer Klasse mit Webpack und Babel nicht funktioniert

Anzahl der Antworten 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 */

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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

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

Anzahl der Antworten 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

Wie materialisieren-css-npm-Paket mit webpack

Anzahl der Antworten 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

warum webpack mit Elektron

Anzahl der Antworten 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

Webpack 2: cannot resolve Modul

Anzahl der Antworten 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:

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

Anzahl der Antworten 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)

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

Anzahl der Antworten 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

Webpack nodejs fs.readFile ist nicht eine Funktion

Anzahl der Antworten 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:

Kann nicht make bootstrap Arbeit mit Webpack

Anzahl der Antworten 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

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

Anzahl der Antworten 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: [