Pytania otagowane jako webpack-dev-server

13
Jak ustawić serwer dewelopera webpack na port 80 i 0.0.0.0, aby był publicznie dostępny?
Jestem nowy w całym świecie Nodejs / Reagjs, więc przepraszam, jeśli moje pytanie brzmi głupio. Więc bawię się z Reactabular.js . Ilekroć robię npm start, zawsze działa localhost:8080. Jak zmienić go, aby działał, 0.0.0.0:8080aby był publicznie dostępny? Próbowałem odczytać kod źródłowy w powyższym repozytorium, ale nie udało mi się znaleźć …
9
Podczas uruchamiania mojej aplikacji React na serwerze deweloperskim Webpack w Cloud9.io pojawia się komunikat „Invalid Host header”
Używam środowiska IDE online Cloud9.io ubuntu VM i ograniczyłem się, rozwiązując ten błąd, do uruchamiania aplikacji z serwerem deweloperskim Webpack. Uruchamiam go za pomocą: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP to zmienna, która ma adres hosta, a $ PORT ma numer portu. Poinstruowano mnie, aby używać …
6
webpack nie może znaleźć modułu, jeśli plik o nazwie jsx
Jak piszę webpack.config.js w ten sposób module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; I index.jsximportuję reactmodułApp import React from 'react'; import { render } from 'react-dom'; import App …
2
Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etc
Zaczynam pracę z webpackze node/expressśrodowiskiem rozwijającym się ReactJSpo stronie serwera aplikacji ze świadczonych react-router. Jestem bardzo zdezorientowany co do roli każdego pakietu webpack w środowiskach deweloperskich i prod (runtime). Oto podsumowanie mojego zrozumienia: webpack: Jest pakietem, narzędziem do łączenia różnych elementów aplikacji internetowej i umieszczania ich w jednym pliku .js …
8
Webpack, jak zbudować kod produkcyjny i jak go używać
Jestem bardzo nowy w pakiecie webpack. Odkryłem, że w wersji produkcyjnej możemy zmniejszyć rozmiar całego kodu. Obecnie pakiet webowy tworzy około 8 MB plików, a main.js około 5 MB. Jak zmniejszyć rozmiar kodu w kompilacji produkcyjnej? Znalazłem przykładowy plik konfiguracyjny webpacka z Internetu i skonfigurowałem dla mojej aplikacji i uruchomiłem …
4
Webpack-dev-server obsługuje listę katalogów zamiast strony aplikacji
Rzeczywistą aplikację widzę tylko pod /public. Konfiguracje w webpack.config.jssą poniżej: 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', 'babel-loader'], exclude: /node_modules/ } …
9
Webpack: wyjście ciszy
Chciałbym wiedzieć, czy istnieje opcja konfiguracji nakazująca webpakowi, aby zapisywał tylko „ważne informacje” do terminala. Prawie tylko błędy i ostrzeżenia, a nie wszystko: Po prostu jest tak dużo wydajności! Chciałbym ukryć typowe rzeczy i mieć tylko webpack wypisywać ostrzeżenia / błędy. Chciałoby rozwiązanie webpack, webpack-dev-serveri karma-webpack. Uwaga : próbowałem noInfo: …
5
Wiele plików html za pomocą pakietu webpack
Próbuję zrobić coś w projekcie, co do czego nie jestem pewien, czy jest to możliwe, popełniam błąd lub coś nie rozumiem. Używamy webpacka, a pomysł polega na tym, aby obsługiwać więcej niż jeden plik html. localhost: 8181 -> obsługuje index.html localhost: 8181 / example.html -> serwuje example.html Próbuję to zrobić, …
2
Hot Reload nie działa z webpack-dev-server i docker
Używanie systemu Ubuntu Linux z zainstalowanym dokerem. Bez maszyny wirtualnej. Zbudowałem obraz dokera z aplikacją vuejs. Aby włączyć ponowne ładowanie na gorąco, uruchamiam kontener dokerów z: 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 Zaczyna się dobrze i mogę uzyskać do niego dostęp z …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.