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_require __ (...) ist keine Funktion` wenn babel 6 verwendet wird
6 Antworten
Scheint alles zu bauen ist gut: http://d.pr/i/1aZxR mit folgenden configs. Allerdings, wenn ich den code ausführen bekomme ich folgende Fehlermeldung dieser (über webpack-dev-server): Uncaught TypeError: __webpack_require__(...) is not a function(anonymous function) @ login.js:4__webpack_require__ @ bootstrap 38790ff45722f55eb700?6a08:50(anonymous function)
Fehler: Fehlende Klasseneigenschaften werden transformiert
4 Antworten
Error: Missing class properties transform Test.js: export class Test extends Component { constructor (props) { super(props) } static contextTypes = { router: React.PropTypes.object.isRequired } .babelrc: { "presets": ["es2015", "react", "stage-0"], "plugins": ["transform-class-properties"] } package.json: "babel-core": "^6.5.1", "babel-eslint":
Webpack-Import Bootstrap .js und .css
2 Antworten
Baue ich eine app mit reagieren, bootstrap und webpack mit es6 mit babel. Aber ich kann nicht importieren boostrap.js und bootstrap.css meine app. Meine webpack.config.js var webpack = require('webpack'), HtmlWebpackPlugin = require('html-webpack-plugin'), path = require('path'), srcPath =
Importieren Sie dynamisch Bilder aus einem Verzeichnis mit dem Webpack
4 Antworten
So, hier ist mein Aktueller workflow für den Import von Bildern und Symbolen in webpack über ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Das
Webpack wird nicht als interner oder externer Befehl, ausführbares Programm oder Batch-Datei erkannt
10 Antworten
Ich versuche es zu Lernen React.js und ich bin mit windows 8 OS.ich habe navigieren Sie zu dem root-Ordner 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been
Debugging mit Webpack, ES6 und Babel
3 Antworten
Dies scheint wie etwas, das sollte relativ einfach zu erreichen, aber ach. Habe ich ES6-Klasse: 'use strict'; export class BaseModel { constructor(options) { console.log(options); } }; - und root-Modul, das es verwendet: 'use strict'; import {BaseModel} from
Warum benötigt Object.assign () ein Polyfill, wenn babel-loader verwendet wird?
3 Antworten
Versuche ich zu verwenden Object.assign() in einem ES6 web-app zusammengestellt von Babel mit webpack, aber ich erhalte eine Fehlermeldung: Uncaught TypeError: Object.assign is not a function Ich bin bereits über babel-loader zu transpile ES6 nach ES5, so
Webpack-dev-server erzeugt keine Quellkarten
5 Antworten
Benutze ich babel-loaderaber kann nicht herausfinden, wie zu generieren oder wo finden kartengrundlagen für transpiled-Dateien. Ich habe versucht eval-source-mapinline-source-mapsource-map. webpack.config.js const BowerWebpackPlugin = require("bower-webpack-plugin"); module.exports = { entry: './src/script/index.jsx', output: { filename: 'bundle.js', sourceMapFilename: "bundle.js.map", publicPath: 'http://localhost:8090/assets'
NPM + Zurb Foundation + WebPack: Modul 'Fundament' kann nicht aufgelöst werden
8 Antworten
Ich arbeite mit Zurb Foundation mit WebPack und NPM ohne Laube. Dem problem bin ich begegnet, ist der gleiche wie unter: https://github.com/zurb/foundation-sites/issues/7386 Im wesentlichen beim installieren von foundation-Seiten via NPM, es gibt Hinweise auf ein Modul "foundation",
Webpack: Verwendung von require für ng-include
4 Antworten
Ich bin neu in der webpack-und jetzt verwende ich es zum ersten mal in einem meiner Winkel-Projekte. Ich verwenden möchten, müssen Sie die require-Funktion in meine html-Datei, um zu verlangen, die Vorlage für eine ng-include wie so:
'jquery ist nicht definiert', wenn Bootpack mit dem Webpack geladen wird
3 Antworten
Ich bin gerade erst anfangen zu lernen, zu benutzen Webpack (bisher benutze ich nur die manuelle Möglichkeit, um auch individuelle Skripts). Und ich bootstrap-loader für das laden von bootstrap. Hier ist meine webpack.config.js var path = require("path")
webpack TS2304 Kann den Namen 'Map', 'Set', 'Promise' nicht finden
10 Antworten
Habe ich Folgendes webpack.config.js var path = require("path"); var webpack = require('webpack'); module.exports = { entry: { 'ng2-auto-complete': path.join(__dirname, 'src', 'index.ts') }, resolve: { extensions: ['', '.ts', '.js', '.json', '.css', '.html'] }, output: { path: path.join(__dirname, 'dist'),
webpack (mit sass-loader) - scss-Datei @import erkennt den Aliasnamen nicht
3 Antworten
Mein Projekt Struktur: webpack.config.js app-- --> src ---->> components ------>>> myComponent.js ------>>> myComponent.scss --> styles ---->> variables.scss Im webpack.config-Modul.Exporte: ... resolve: { alias: { styles: path.join(__dirname, 'app/styles') } } In meinem Datei - myComponent.scss: @import "styles/variables"; Bin
Führen Sie den Befehl nach dem Erstellen des Webpacks aus
4 Antworten
Ich würde gerne webpack in --watch - Modus, und führen Sie einen shell-Befehl nach jedem build, synchronisiert einen Ordner zu einem anderen. Fand ich dieses plugin , löst ein Ereignis aus, nach jedem build. Das funktioniert, aber
Webpack - webpack-dev-server: Befehl nicht gefunden
8 Antworten
Arbeite ich an einer webapp Reagieren mit webpack, Locker neben dieses tutorial. Versehentlich, ich habe den node_modules-Ordner zu meinem git. Ich dann entfernt es wieder mit git rm -f node_modules/*. Wenn ich jetzt versuche, ab dem webpack-server,
Webpack wandelt ES6 nicht in ES5 um
2 Antworten
Ich bin ganz neu Webpack. Ich denke, ich mache es falsch. Ich möchte konvertieren von ES6-Funktion 5 Funktion mit "babel". Also ich habe einige nachforschungen und ich fand babel-loader. Allerdings bin ich mir nicht sicher bin, was
Configuration.resolve hat eine unbekannte Eigenschaft 'root'
2 Antworten
Bekomme ich die folgende Fehlermeldung : Ungültige Konfiguration Objekt. Webpack initialisiert wurde mit einem Konfigurations-Objekt, das nicht mit der API-schema. - Konfiguration.resolve hat eine unbekannte Eigenschaft 'root'. Diese Eigenschaften gelten: object { alias?, aliasFields?, cachePredicate?, device -?,
Wie kann man die Webpack / Babel-Build-Leistung verbessern, ohne die Watch-Funktion zu verwenden?
3 Antworten
Arbeite ich an einem SBT/Scala web-Projekt, und ich wollte, um die Vorteile der ES6-features und das neue Modul syntax für die frontend-JavaScript-layer. SBT hat seine eigenen build-system, und ich es geschafft, zu optimieren eines bestehenden sbt-plugin zum
webpack kann das Modul nicht finden, wenn die Datei jsx heißt
3 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
Wie bekomme ich Zugang zu webpack-dev-server von Geräten im lokalen Netzwerk?
4 Antworten
Gibt es einige webpack dev-server config (es ist Teil des ganzen config): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path:
ES6 exportiert / importiert in eine Indexdatei
4 Antworten
Ich bin derzeit mit ES6 in ein Reagieren via app webpack/bable. Ich bin mit index-Dateien zu sammeln, die alle Komponenten eines Moduls und exportieren. Leider sieht das so aus: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx';
FEHLER in Das Modul 'babel-core' kann nicht gefunden werden. mit react.js, webpack und express server
4 Antworten
Wann immer ich laufen webpack im terminal bekomme ich: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Hier ist mein webpack.config.js Datei module.exports = { entry: './app-client.js', output:
Umgebungsabhängige Variablen im Webpack übergeben
13 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
Wie benutze ich normalize.css mit npm install mit webpack?
3 Antworten
Bin ich mit dem webpack mit ReactJS und versuchen herauszufinden, wie man mit Hilfe normalisieren.css nach npm installieren (https://necolas.github.io/normalize.css/). Ist das normalisieren.css angewandt, sofort nach npm installieren? Wie würde ich änderungen vornehmen, um es, wenn ich es
Verwenden von Webpack auf der Serverseite von nodejs
2 Antworten
Ich habe versucht, zu verwenden webpack mit einer nodejs-Anwendung und der client-Seite, ist gehen in Ordnung - eine einigermaßen gute Dokumentation auf deren Webseite + links aus google-Suche. Hat jemand verwendet webpack auf der server-Seite von nodejs?
Webpack - Fehler: Kann 'Abfrage' und mehrere Lader in der Laderliste nicht definieren
5 Antworten
Der Fehler erschien nachdem ich Hinzugefügt 'reagieren-hot' loader in der Reihe. Ich habe folgte diesem tutorials: https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement aber ich bin immer Error: Cannot define 'query' and multiple loaders in loaders list. var WebpackDevServer = require("webpack-dev-server"); var webpack
Webpack schließt node_modules nicht aus
4 Antworten
Ich bin mit webpack für einen Node-framework, das Baue ich (obwohl ich wahrscheinlich schlucken, zugegeben). Wenn ich den EJS-Modul, webpack beinhaltet es in der kompilierten Quelle, obwohl ich ausdrücklich sage es auszuschließen das node_modules-Verzeichnis. module.exports = {
Was genau ist Hot Module Replacement in Webpack?
2 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,
Webpack - Sass Loader kann Bilder nicht finden
3 Antworten
Den sass loader doc sagt: "If you're just generating CSS without passing it to the css-loader, it must be relative to your web root". Also ich Tat, wie er erzählt, habe ich meine index.html in meinem project
Wie füge ich eine Abfrage zu einem Webpack Loader mit mehreren Loadern hinzu?
4 Antworten
Habe ich diese Babel-loader, funktioniert { test: /\.jsx?$/, loader: 'babel', query: babelSettings, exclude: /node_modules/ }, Aber jetzt will ich eine CoffeeScript-loader, aber ich will Rohres durch Babel, um die die Phantasie HMR Zeug { test: /\.coffee$/, loader:
webpack + babel - reagieren, unerwarteter Token "Import"
1 Antworten
Ich versuche, mich index.js Arbeit mit es2015. Vor Regie mich .babelrcbeachten Sie, dass ich haben Hinzugefügt BEIDE es2015 und reagieren (um sicher zu sein, aber es gibt keine, hier reagieren). Freuen import { default as Logary, Targets,
Verwenden von vue.js mit semantischer Benutzeroberfläche
4 Antworten
Ich versuche, webpack + Semantic UI mit Vue.js und ich fand diese Bibliothek https://vueui.github.io/ Aber es gab problem compling: ERROR in ./~/vue-ui/components/sidebar/sidebar.jade Module parse failed: /Project/node_modules/vue- ui/components/sidebar/sidebar.jade Unexpected token (1:24) You may need an appropriate loader to
Bootstrap4-Abhängigkeit PopperJs löst Fehler bei Angular aus
4 Antworten
Ich gerade erstellt eine neue Winkel-cli - Projekt und lief npm install [email protected] jquery popper.js --save und verändert die .Winkel-cli.json's in Verbindung stehenden Teile, wie unten "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], jedoch
Webpack "OTS parsing error" lädt Schriften
8 Antworten
Mein webpack config gibt an, dass die Schriften, die geladen werden soll mit url-loaderund wenn ich versuche, um die Seite mit Chrome bekomme ich folgende Fehlermeldung: OTS parsing error: invalid version tag Failed to decode downloaded font:
Verwenden von Webpack-Aliasen in Mokkatests
7 Antworten
Ich bin der Entwicklung einer web-app bei der Arbeit Reagieren/Redux/Webpack und bin jetzt ab zum integrieren von Tests mit Mocha. Folgte ich die Anweisungen für das schreiben von tests in der Redux-Dokumentationaber jetzt habe ich ein Problem
Wie man index.html mit webpack-dev-server und html-webpack-plugin beobachtet
3 Antworten
Bin ich mit dem webpack-dev-server für die Entwicklung mit html-webpack-plugin generiert index.html mit der revision Quellen. Die Sache ist, jedes mal, wenn ich die index.html das bundle system nicht wieder aufzubauen. Ich weiß, der index wird nicht
Wie kann ich ES6 in webpack.config.js verwenden?
9 Antworten
Wie zu verwenden ES6 im webpack.config ? Wie dieser repo https://github.com/kriasoft/react-starter-kit ? Zum Beispiel: Verwendung dieser import webpack from 'webpack'; statt var webpack = require('webpack'); Es ist durchaus eine Neugier eher als eine Notwendigkeit. InformationsquelleAutor der Frage
Webpack mit Bootstrap - jquery ist nicht definiert
7 Antworten
import $ from 'jquery'; require("./node_modules/bootstrap/dist/css/bootstrap.min.css") require("./node_modules/bootstrap/js/dropdown.js") import React from 'react'; import ReactDOM from 'react-dom'; var _ = require('lodash'); Bitte über meine Einstellung . Irgendeinem Grund habe ich Fehler sagen "Uncaught ReferenceError: jQuery ist nicht definiert() aus dropdown.js
So importieren Sie "alten" ES5-Code in ES6
1 Antworten
Ich habe eine ES6 Anwendung (mit Babel 6.5 und Webpack) und erfolgreich Einfuhren meine Module wie diese: import $ from 'jquery'; Wollte ich installieren https://github.com/robflaherty/riveted/blob/master/riveted.js (ein plugin für Google Analytics), aber wie Sie sehen können, ist der
Modul von der Webpack-Minimierung ausschließen
2 Antworten
Sind wir mit WebPack in eine single page application. Die Anwendung bereitgestellt wird, um viele Umgebungen. Wir haben eine Anforderung, in denen die Anwendung braucht, um ein bestimmtes Endgerät in einem gegebenen Umfeld. Werden, um die Endpunkt-Adresse,
Webpack: Modulabhängigkeit ausdrücken
2 Antworten
Ich versuche require die bootstrap-webpack Modul in meinem webpacked Anwendung. Scheint es zu brauchen, jQuery, da die mitgelieferte javascript und wirft dann die folgenden: Uncaught ReferenceError: jQuery ist nicht definiert Wie gehe ich über die Angabe, webpack,
Was bedeutet "Der Codegenerator hat das Styling von [einigen Dateien] optimiert, da es den Maximalwert von" 100 KB "überschreitet.
6 Antworten
Ich habe eine neue npm-Paket auf mein Projekt und benötigen es in einem meiner Module. Nun bekomme ich diese Meldung, vom webpack, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the
Webpack erstellt große Datei mit kleinem Projekt
3 Antworten
Ich habe mein webpack Erzeugung einer großen main.js Datei (1,7 mb) mit einem kleinen Projekt von ~20-30 Dateien mit weniger als 100 Zeilen jeder. Die Abhängigkeiten benötigt nur wenige sind (Reagieren, Fluxible) und ich bin mit jeder
Kann ich das Webpack verwenden, um CSS und JS separat zu generieren?
4 Antworten
Habe ich: JS-Dateien, die ich bündeln wollen. WENIGER Dateien, die ich möchte zu kompilieren down CSS (auflösen von @Import in eine single-bundle). Hoffte ich, geben Sie diese als zwei getrennte Eingänge und zwei getrennte Ausgänge (wahrscheinlich über-Extrakt-text-webpack-plugin).
So laden Sie alle Dateien in einem Verzeichnis mit dem 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
Kein 'Access-Control-Allow-Origin'-Header in Angular 2 App
11 Antworten
Für dieses Projekt, ich bin nur zu lernen und zu üben Eckig 2. Ich habe keine server-Seite und mache API-Anfragen zu barchart-ondemand-api . Frage ich mich, ob es möglich ist, zu umgehen, die cors-Problem. Ich bin noch
Wie man Roboto Schrift in Webpack Build für Material UI einbaut?
3 Antworten
Für eine progressive web-app, basierend auf Material UI (Reagieren) und baute mit Webpackwie kann ich richtig zählen Roboto-schriftart(en), so dass die app nicht von Google-Server und Schriftarten arbeiten auch offline ? Den installation Seite nur Referenzen der
Mocha-Test ist aufgrund von css im Webpack fehlgeschlagen
7 Antworten
Ich bin neu in Mocha und ich bin versucht, es zu benutzen, um zu testen ein einfaches Reagieren Komponente. Der test würde passieren, wenn das react-Komponente keine CSS-styling, sondern wirft einen syntax-Fehler, wenn der Umbau innerhalb der
Warnung: React hat versucht, das Markup in einem Container zu verwenden, die Prüfsumme war jedoch ungültig
7 Antworten
Ich versuche, ein isomorph Node.js -, Express -, Webpack, Reagieren in der app zu arbeiten. Ich bin immer der folgende Fehler. Irgendwelche Vorschläge, wie man es beheben? Warning: React attempted to reuse markup in a container but
webpack-dev-server sieht nicht nach meinen Dateiänderungen
5 Antworten
Wenn ich meine Dateien während webpack-dev-server ausgeführt wird, werden die bundle-Dateien werden nicht aktualisiert. Hier sind meine webpack.config.js und Paket.json-Dateien, wie Sie sehen können von meinem npm-Skript, habe ich gelöst, läuft webpack watch und webpack-dev-server im selben