Perguntas com a marcação «webpack-dev-server»

Eu sou novo em todo o mundo nodejs / reactjs, então peço desculpas se minha pergunta parecer boba. Então, eu estou brincando com o reactabular.js . Sempre que eu faço, npm startele sempre funciona localhost:8080. Como faço para alterá-lo para ser executado 0.0.0.0:8080publicamente? Eu tenho tentado ler o código fonte …

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

Estou usando como ambiente um IDE on-line VM do Cloud9.io ubuntu e reduzi ao solucionar esse erro apenas executando o aplicativo com o servidor de desenvolvimento Webpack. Eu inicio com: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP é uma variável que possui o endereço do host $ …

176 reactjs  webpack-dev-server  cloud9-ide  cloud9 

Enquanto escrevo webpack.config.js assim module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; E index.jsxeu importo um reactmóduloApp import React from 'react'; import { render } from 'react-dom'; import App …

107 reactjs  webpack  webpack-dev-server 

Só consigo ver o aplicativo real em /public. As configurações em webpack.config.jsestão abaixo: 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'], …

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

Estou começando a trabalhar com webpackum node/expressambiente de desenvolvimento de um ReactJSaplicativo renderizado do lado do servidor react-router. Estou ficando muito confuso sobre a função de cada pacote webpack para ambientes dev e prod (runtime). Aqui está o resumo do meu entendimento: webpack: É um pacote, uma ferramenta para reunir …

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

Eu sou muito novo no webpack, descobri que na construção de produção podemos reduzir o tamanho do código geral. Atualmente, o webpack constrói em torno de arquivos de 8 MB e main.js em torno de 5 MB. Como reduzir o tamanho do código na construção de produção? Encontrei um arquivo …

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

Estou tentando fazer algo em um projeto que não tenho certeza se é possível, estou errado ou entendendo algo errado. Estamos usando o webpack e a ideia é servir mais de um arquivo html. localhost: 8181 -> atende index.html localhost: 8181 / example.html -> atende example.html Estou tentando fazer isso …

87 webpack  webpack-dev-server 

Usando o Ubuntu Linux com o docker instalado. Sem VM. Criei uma imagem do docker com um aplicativo vuejs. Para ativar o recarregamento a quente, inicio o contêiner do docker com: 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 Ele inicia bem e eu …

10 docker  vue.js  webpack-dev-server 

Estou usando webpack-dev-serverpara executar um aplicativo Nestjs dentro de um contêiner do Docker. Tudo está instalado e funcionando, mas não consigo depurar o aplicativo da minha instância do VS Code. Estou tentando expor a porta 9229 usando esta configuração no webpack.config.js: devServer: { host: '0.0.0.0', port: 9229, }, Quando corro …

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

Estou com problemas para configurar o Recarregamento quente do módulo no Laravel Mix dentro de um contêiner do Docker. Eu tenho o seguinte Dockerfile: 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 …

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