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.
3
Antworten
Benutze ich webpack + Typoskript + reagieren. webpack.config.js ist: var webpack = require('webpack'); var path = require('path'); var node_modules_dir = path.join(__dirname, 'node_modules'); var deps = [ 'react/react.js', 'react-dom/react-dom.js', ]; var config = { devtool: 'source-map', context: __dirname
2
Antworten
Ich bin immer CORS Probleme mit hot module nachladen - dev-server. Ich bin mit dem dev-server auf port 3000 aber die Anwendung wird serviert von einem anderen port http://localhost:52024/. Dies ist der Fehler, ich bin immer (Chrome,
1
Antworten
Ich kann nicht instanziiert einen controller, weil dieser Fehler, er sagt: Modul ist nicht eine Funktion Welche module soll das tun, wird ein alias der Winkel.mock, aber meine Frage ist: Kann es sein, dass die rewrite-Modul wird
2
Antworten
In meinem Projekt verwende ich webpack und npm. Ich installiert moment.js : npm install moment. Dann möchte ich, um es zu importieren in meine app.js Datei: import moment from "moment". Aber es funktioniert nicht. Ich: nicht auflösen
3
Antworten
Vuejs likers Hilfe! Habe ich in diesem Bild eine Schleife mit Bild-Quelle. Hier ist der code. <img :src="'../../'+ photo.path" alt="product" height="207" width="175" v-for="photo in product.photos" v-if="photo.is_primary === 1" /> Sollte ich ersetzen Sie dieses Präfix, um Basis-url
1
Antworten
Baue ich eine webapp mit webpack und habe einige Probleme, die ich nicht herausfinden kann, mein selbst oder mit der Dokumentation. Was ich möchte, zu erreichen, ist die Konfiguration webpack als wie es nicht eine bestimmte json-Datei
2
Antworten
Habe ich spaltete meine app in mehrere Stücke mit webpack code-splitting-Funktion, so dass die gesamte Programm-bundle ist nicht heruntergeladen, wenn der Benutzer Besuche meine Webseite. Den Brocken, die einige Strecken erfordern sind Recht groß und kann eine
1
Antworten
Ich versuche webpack-dev-server laufen in einem Docker-container dann Zugriff über einen NGINX-host. Die ersten index.html lädt aber die Web-Sockets-Verbindung zu den dev-server kann nicht hergestellt werden. VM47:35 WebSocket-Verbindung zu 'ws://Beispiel.com/sockjs-Knoten/834/izehemiu/websocket' Fehler: Fehler bei der WebSocket-handshake: Unexpected response
1
Antworten
Ich bin mit webpack, die, wenn ich das richtig verstanden habe, nicht unterstützt native webworker syntax, so bin ich versucht, die worker-loader npm-Modul, aber ich bekomme eine seltsame Fehlermeldung. Kann das Modul gefunden werden hier. Mein webpack
2
Antworten
Ich bin importieren Sie ein Skript im webpack, es funktioniert alles, aber eslint wirft den Fehler 'modal is assigned a value but never used'. Tun haben, zu erklären, das const als Globale oder exportieren Sie das Modul
2
Antworten
Ich versuche, eine einfache demo-Anwendung mit Typoskript und Reagieren, mit webpack. Wenn ich versuche, um whatgw-abrufen zum abrufen von Daten von einem server, bekomme ich diese Fehlermeldung beim ausführen webpack : error TS2307: Cannot find module 'whatwg-fetch'
1
Antworten
Ich versuche, hot-reloading arbeiten mit meinem setup. Derzeit arbeitet es wie so -- server.js //this is the main server, which connects to db, serves react components, etc const app = express(); app.get('/:params?*', (req, res) => { res.status(200).send(`
2
Antworten
Ich habe zum Beispiel einen Haupt-Eintrag html-Datei: <div> <!-- I'd like to include a html partial here --> </div> Und ich habe eine partielle html <span>I'm a partial html piece</span> Ich hoffe, dass ich verwenden können, webpack
1
Antworten
Ich bin neu zu Reagieren und Webpack. Ich bin einrichten ist mein erstes Projekt, wenn ich versuche, führen Sie das webpack-dev-server meinen code nicht kompilieren! Update Antwort unten richtig ist. Ich brauchte, um hinzuzufügen 'react' zu babel
1
Antworten
Habe ich Wes Bos-Serie "ES6 für alle" für eine Weile jetzt, und ich blieb stecken auf einem webpack episode. Immer wenn ich versuche zu laufen "npm führen Sie build" - Befehl auf meine CMD ich bekomme diese
3
Antworten
Bekomme ich immer die Meldung: $.hubConnection ist nicht eine Funktion Fehler: jQuery wurde nicht gefunden. Bitte stellen Sie sicher jQuery verwiesen wird, bevor der SignalR-JavaScript-client-Datei. tröstende out "$" und "jquery" ist undefined. Was muss ich tun, um
4
Antworten
Bin ich mit dem webpack zu bündeln, bis meine javascript-Dateien. Mein Webpack config (was wird übergeben webpack mit gulp) sieht wie folgt aus: var webpackConfig = { context: __dirname, entry: { "app": "./js/app.js" }, output: { path:
2
Antworten
Arbeite ich auf opensource Projekt, genau jetzt ich brauche, um das setup webpack für front-end. ich habe versucht webpack config unten, JS ist funktioniert gut, aber css ist nicht, keine css-Ausgabe-Datei. ich nicht, warum dies passieren, bitte
2
Antworten
Habe ich ein Projekt-setup mit WebPack verwenden ESLint und ich bin zu wollen verwenden ES7 für die inline-bind-operator ::. Derzeit bin ich immer der parse-Fehler unten gezeigt /Users/ryanvice/Documents/Code/pluralsight-redux-starter/src/components/project/ProjectsPage.js (1/0) ✖ 7:27 Parsing error: Unexpected token : /Users/ryanvice/Documents/Code/pluralsight-redux-starter/src/routes.js
2
Antworten
Habe ich heruntergeladen ein Saatgut-Projekt Angular2 Webpack Starter und habe es bis und läuft ohne ein Problem. Eine Unannehmlichkeit, die ich mit ihm habe, ist das debugging von source-Dateien unter unit-tests. Alle *.spec.ts Dateien geladen werden, in
4
Antworten
Hier ist die Zweig-und repo in Frage: https://github.com/Futuratum/moon.holdings/tree/dev /Users/leongaban/Projekte/Futuratum/Mond.Betriebe/node_modules/webpack-cli/bin/config-yargs.js:89 Beschreibung: optionsSchema.Definitionen.Ausgabe.Eigenschaften.Pfad.Beschreibung, Nicht sicher, warum ich diese Fehlermeldung bekommen, aber ich habe ein Upgrade von Webpack 3., 4. webpack /* eslint-disable no-console */ import webpack from 'webpack'; import
10
Antworten
War ich versucht zu machen, eine todo-app reagieren, ist mir neu. Aber nachdem Sie einmal installiert webpack, npm start nicht funktioniert. Es gibt mir:
[email protected] start /home/hanna/Desktop/Projekte/mein-todo-reagieren reagieren-Skripte starten Könnte es ein problem mit dem Projekt "dependency
1
Antworten
Habe ich diesen Lader in meinem webpack loader array: { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } Ich versuche, webpack bauen meine SCSS zu CSS, aber ich bekomme diese Fehlermeldung: /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 throw new Error("Element from loaders
6
Antworten
Ich habe 2 tsconfigs, eine für meine dev build und eins für meine prod bauen. Ich wähle die tsconfig mit der -p Flagge : tsc -p dev.tsconfig.json Ts-loader ist auf der Suche nach einem tsconfig.json-Datei. Wie kann
2
Antworten
Habe ich installiert reagieren-hot-loader und auf das Modul in der webpack.config.js. Jedoch, wenn ich versuche zu laufen webpack zum kompilieren des scripts bekomme ich eine Fehlermeldung. Siehe unten Screenshot. Könnte jemand bitte beraten, was das Problem sein
1
Antworten
Einfügen von twitter-bootstrap-js-Datei zu reagieren-app mit webpack? Weiß ich über reagieren Bibliotheken, wie reactstrap und reagieren-bootstrap, aber ich möchte wissen, wie einfügen bootstrap.js Datei ohne diese libs. Möglich, Duplikat der Wie bootstrap css-und js in reactjs app?
1
Antworten
Ich bin mit einem problem konfrontiert, mit Eckigen Anwendung. Ich würde gerne eine angular Anwendung geschrieben, in Typscript bauen mit (aot). Ziel ist die Anzeige eines Benutzer-dashboard mit einigen widgets. Ein widget ist ein Winkel-Komponente. Meiner app
2
Antworten
Habe ich full-stack application express-und Standard-vue-webpack-boilerplate. Meine Projektstruktur sieht wie folgt aus: ├── client │ ├── build │ │ └── ... │ ├── config │ │ └── ... │ ├── dist | | └── ... │ ├──
4
Antworten
Ich habe nicht gesehen, diese syntax vor und Frage mich, was es überhaupt geht. var { Navigation } = require('react-router'); Die Klammern auf der linken wirft einen syntax-Fehler: unexpected token { Ich bin mir nicht sicher, welcher
4
Antworten
Wie kommt man entfernen Sie alle Verweise von HMR bei Bündelung für die Produktion? Meine Produktion Webpack config keine Verweise auf den HMR und noch in der browser-debugger-der Kunde ist stets dafür ein xhr Aufruf /__webpack_hmr Kann
4
Antworten
Habe ich ein docker-app mit den folgenden Containern Knoten - source-code des Projekts. es dient der html-Seite befindet sich im öffentlichen Ordner. webpack - Uhren-Dateien in den Knoten container und aktualisiert die öffentlichen Ordner (aus der Knoten-container)
2
Antworten
Ich kürzlich ein Upgrade von Webpack 3 bis 4. Es wirft nun einen Fehler: Modul parse failed: Unexpected character '@' müssen Sie möglicherweise eine entsprechende loader zum verarbeiten dieser Datei-Typ. | @import './scss/Variablen.scss'; | | * {
1
Antworten
Mein Paket.json-Datei enthält eine version für mein Modul, welches letztendlich zusammengestellt, die sich in einem app.bundle.js Datei, die ich in meine web-Projekt. Ich würde gerne die Versionsnummer aus dem Paket.json-Datei geschrieben app.bundle.js Datei als Kommentar am Anfang
1
Antworten
Im webpack 1.x könnte ich die eslint-Eigenschaft in meinem webpack config zu aktivieren autofixing meine linting Fehler: ... module.exports = { devtool: 'source-map', entry: './src/app.js', eslint: { configFile: '.eslintrc', fix: true }, ... Jedoch im webpack 2.x,
1
Antworten
Habe ich paar Bilder im src-Ordner: src/img/favicon.png src/img/profpic.png In index.html die Datei werde ich zeigen, wie <link href="img/favicon.png" /> In einigen html-Dateien werde ich zeigen, wie <img src="img/profpic.png" /> Ich versuche zum laden von Bilder, fonts über
2
Antworten
Ich versuche, laden Sie ein Bild: background: transparent url("../img/select-icon.png") no-repeat center right 8px; In meinem Stil.scss, und es funktioniert nicht Hier ist mein webpack.config: function _path(p) { return path.join(__dirname, p); } module.exports = { context: __dirname, entry:
4
Antworten
Auf meinem remote-server (Ubuntu 14.04 x64), wenn ich versuche zu verunstalten mein Bündel, die Prozess gibt einfach "Getötet". Wenn ich nicht verunstalten, es ist gut so. Hat jemand mit diesem? Wenn ich es auf meinem lokalen Mac,
2
Antworten
/node_modules/webpack/lib/TemplatedPathPlugin.js:72 .replace(REGEXP_HASH, withHashLength(getReplacer(data.hash), data.hashWithLength)) ^ Bin ich immer diese Fehlermeldung beim ausführen webpack - es scheint, dass path ist, sondern als ein Objekt, eine Zeichenfolge, und die replace-Methode wird daher nicht gefunden. Kann jemand Aufschluss über diesen
3
Antworten
Ich habe ein kleines problem bezüglich der Lösung Aliase im webpack 2. Egal was ich mache ich kann nicht dieses Problem beheben. Hier ist der relevante code: /* webpack.mix.js */ mix.webpackConfig({ module: { rules: [ { test:
1
Antworten
Nur gefragt, wie man erstellen-reagieren-app verwendet .js-Dateien statt .jsx für jsx-markup. Ist es wegen der besonderen webpack-Konfiguration? Btw, wo finde ich das webpack und babel Konfiguration von meinem Projekt erstellt mit create-reagieren-app? InformationsquelleAutor Andrei Tarutin | 2017-02-07
1
Antworten
Ich bin derzeit versuchen zu implementieren jasmine-Tests mit karma, webpack und der code wird immer transpiled falsch, aber ich kann nicht sehen, was es ist transpiled nach unten zu, weil der browser geschlossen wird, sobald es öffnet,
4
Antworten
Webpack version: 4.16.3 Alle die Kompilierung erfolgreich. Mein code nach der Kompilierung im bundle.css ist nicht verkleinern. Ich versuche es mal mit minimieren: true in text-webpack-plugin, aber es funktioniert nicht. Zum kompilieren verwende ich den Befehl in
3
Antworten
Ich eine extrem einfache web-pack config unten gegen einen vue.js frontend. Die bundle.js kompiliert wird aber immer noch produziert, die 'Sie laufen Vue in development mode" - Warnung. Ich folgte dem Rat angegeben hier aber es ändert
1
Antworten
Ich bin dabei, ein tutorial zu lernen, Reagieren, JS, alles war in Ordnung, für die Tage, die ich laufen konnte, ein Beispiel, simpel, die Durchführung einer empfohlenen Grundausstattung plus ein paar mehr add-ons, die ich hinzufügen, zu
2
Antworten
Es wurde drei Tage jetzt, dass ich versuche zu verstehen, webpack, führen Sie eine einfache Aufgabe (die natürlich im Laufe von drei Tagen konnte ich von hand gemacht), aber für die Zwecke des Lernens webpack und in
3
Antworten
Stehe ich vor einem problem in Webpack bezüglich Relativer Pfad. Lassen Sie mich versuchen zu erklären das Szenario : Ich habe 2 separate Projekt in Workspace-Verzeichnis : Projekt-A [Bündelung mit Gulp] : Stabil & Arbeiten Projekt-B [Bündelung
7
Antworten
Habe ich einen reagieren app mit der folgenden Ordner-Struktur öffentliche --dist ---bundle.js - - - - styles.css --index.html --Bilder -server --server.js -src --Komponenten --app.js -.babelrc -Paket.json -webpack.config.js Will ich es hochladen zu cPanel. Ist das möglich? Würde
3
Antworten
Nach der Lektüre Hunderte von Zeilen über die browserify vs webpack und mehrere, wie von beiden ich beschlossen zu gehen für webpack. Der wichtigste Grund ist es, weil ich mochte die Idee der Bündelung alles in eine
2
Antworten
Ich bin derzeit Bündelung meine Winkel 2 app mit WebPack. Wir sind immer noch Spinnen schnelle Zyklen, also anstatt das hinzufügen von Verzögerungen unsere build-und application-load-Prozess, möchten wir auch den selten wechselnden Winkel-2 UMD CDN vorbereitet bundles,
2
Antworten
Ich versuche, mit webpack mit reagieren, bin aber immer diese Fehlermeldung: FEHLER bei ./app/main.js Module parse failed: /Users/me/app/main.js Line 2: Unexpected token You may need an appropriate loader to handle this file type. | //npm | import