Programmierung webpack-dev-server

13

Wie kann der Webpack-Entwicklungsserver auf Port 80 und 0.0.0.0 ausgeführt werden, um ihn öffentlich zugänglich zu machen?

Ich bin neu in der ganzen Welt der Nodejs / Reactjs, also entschuldige mich, wenn meine Frage albern klingt. Also spiele ich mit reactabular.js herum . Wann immer ich ein mache npm start, läuft es immer weiter localhost:8080. Wie ändere ich es so, dass es ausgeführt wird 0.0.0.0:8080, um es …

179 node.js reactjs npm webpack webpack-dev-server

9

Beim Ausführen meiner React-App auf einem Webpack-Entwicklungsserver in Cloud9.io wird die Meldung "Ungültiger Host-Header" angezeigt

Ich verwende als Umgebung eine Cloud9.io-Ubuntu-VM-Online-IDE und habe mich durch die Fehlerbehebung darauf reduziert, die App nur mit dem Webpack-Entwicklungsserver auszuführen. Ich starte es mit: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP ist eine Variable mit der Hostadresse. $ PORT hat die Portnummer. Ich werde angewiesen, diese …

176 reactjs webpack-dev-server cloud9-ide cloud9

6

Das Webpack kann das Modul nicht finden, wenn die Datei jsx heißt

Während ich webpack.config.js so schreibe module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Und in index.jsximportiere ich ein reactModulApp import React from 'react'; import { render } from 'react-dom'; …

107 reactjs webpack webpack-dev-server

2

Webpack gegen Webpack-Dev-Server gegen Webpack-Dev-Middleware gegen Webpack-Hot-Middleware gegen etc.

Ich beginne webpackmit einer node/expressUmgebung zu arbeiten, in der eine ReactJSserverseitig gerenderte Anwendung entwickelt wird react-router. Ich bin sehr verwirrt über die Rolle jedes Webpack-Pakets für Entwickler- und Produktumgebungen (Laufzeitumgebungen). Hier ist die Zusammenfassung meines Verständnisses: webpack: Ist ein Paket, ein Tool, um verschiedene Teile einer Webanwendung zusammenzufügen und dann …

94 javascript node.js webpack webpack-dev-server webpack-dev-middleware

8

Webpack, wie man Produktionscode erstellt und wie man ihn verwendet

Ich bin sehr neu in Webpack. Ich habe festgestellt, dass wir in der Produktion die Größe des gesamten Codes reduzieren können. Derzeit erstellt Webpack ca. 8 MB Dateien und main.js ca. 5 MB. Wie kann die Größe des Codes im Produktions-Build reduziert werden? Ich habe eine Beispiel-Webpack-Konfigurationsdatei aus dem Internet …

92 node.js reactjs npm webpack webpack-dev-server

4

Webpack-dev-server liefert eine Verzeichnisliste anstelle der App-Seite

Ich kann nur die aktuelle App unter sehen /public. Die Konfigurationen in webpack.config.jssind unten: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', …

89 node.js reactjs webpack reactjs-flux webpack-dev-server

5

Mehrere HTML-Dateien mit Webpack

Ich versuche etwas in einem Projekt zu tun, bei dem ich nicht sicher bin, ob es möglich ist, ob ich falsch liege oder etwas falsch verstehe. Wir verwenden Webpack und die Idee ist, mehr als eine HTML-Datei bereitzustellen. localhost: 8181 -> dient index.html localhost: 8181 / example.html -> dient example.html …

87 webpack webpack-dev-server

9

Webpack: Stille Ausgabe

Ich würde gerne wissen, ob es eine Konfigurationsoption gibt, mit der Webpack angewiesen wird, nur die "wichtigen Informationen" im Terminal zu protokollieren. Ziemlich nur Fehler und Warnungen, nicht alles: Es gibt einfach so viel Ausgabe! Würde gerne das übliche Zeug unterdrücken und nur die Warnungen / Fehler vom Webpack ausgeben …

82 webpack webpack-dev-server

11

Webpack-dev-server kompiliert Dateien, aktualisiert oder kompiliert Javascript jedoch nicht für den Browser

Ich versuche, webpack-dev-server zu verwenden, um Dateien zu kompilieren und einen dev-Webserver zu starten. In meinem habe package.jsonich die Skripteigenschaft festgelegt auf: "scripts": { "dev": "webpack-dev-server --hot --inline", } Das --hotund --inlinesollte also den Webserver und das Hot-Reloading ermöglichen (so wie ich es verstehe). In meiner webpack.config.jsDatei lege ich die …

79 javascript webpack vue.js webpack-dev-server

9

Mokka-Test fehlgeschlagen aufgrund von CSS im Webpack

Ich bin neu in Mocha und versuche damit eine einfache React-Komponente zu testen. Der Test wird bestanden, wenn die Reaktionskomponente kein CSS-Design hat, aber einen Syntaxfehler auslöst, wenn das Tag in der Reaktionskomponente einen Klassennamen enthält: Testing.react.js import React from 'react'; export default class Testing extends React.Component { render() { …

73 unit-testing reactjs mocha webpack webpack-dev-server

2

Hot Reload funktioniert nicht mit Webpack-Dev-Server und Docker

Verwenden von Ubuntu Linux mit installiertem Docker. Keine VM. Ich habe ein Docker-Image mit einer vuejs-Anwendung erstellt. Um das Hot-Reload zu aktivieren, starte ich den Docker-Container mit: docker run -it -p 8081:8080 -e "HOST=0.0.0.0" -v ${PWD}:/app/ -v /app/node_modules --name my-frontend my-frontend-image Es startet einwandfrei und ich kann von meinem Host-Browser …

10 docker vue.js webpack-dev-server

1

Debuggen Sie die Webpack-Dev-Server-Anwendung im Docker-Container

Ich verwende webpack-dev-server, um eine Nestjs-Anwendung in einem Docker-Container auszuführen. Alles ist in Betrieb, aber ich kann die Anwendung nicht von meiner VS-Code-Instanz aus debuggen. Ich versuche, den 9229-Port mithilfe dieser Konfiguration auf dem webpack.config.jsfolgenden Konto freizulegen : devServer: { host: '0.0.0.0', port: 9229, }, Wenn ich netstat -lim Container …

8 node.js docker webpack webpack-dev-server nestjs

2

HMR funktioniert nicht mit Laravel Mix in Docker

Ich habe einige Probleme beim Einrichten des Hot Module Reloading in Laravel Mix in einem Docker-Container. Ich habe die folgende Docker-Datei: FROM php:7.4.0-fpm RUN curl -sL https://deb.nodesource.com/setup_13.x | bash RUN apt-get update && \ apt-get install -y -q --no-install-recommends \ nano apt-utils curl unzip default-mysql-client nodejs build-essential git \ libcurl4-gnutls-dev …

8 laravel docker docker-compose webpack-dev-server laravel-mix

Als «webpack-dev-server» getaggte Fragen