«webpack-dev-server» 태그된 질문

나는 전체 nodejs / reactjs 세계에 익숙하지 않으므로 내 질문이 어리석은 경우 사과드립니다. 그래서 reactabular.js 와 함께 놀고 있습니다. 내가 할 때마다 npm start항상 실행됩니다 localhost:8080. 0.0.0.0:8080공개적으로 액세스 할 수 있도록 변경하려면 어떻게합니까 ? 위의 저장소에서 소스 코드를 읽으려고했지만이 설정을 수행하는 파일을 찾지 못했습니다. 또한 그것에 덧붙이려면- 80가능하다면 포트에서 어떻게 …

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

Cloud9.io ubuntu VM Online IDE 환경으로 사용하고 있으며 Webpack dev 서버로 앱을 실행하기 위해이 오류를 해결하여 줄였습니다. 나는 그것을 시작한다 : webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP는 호스트 주소가 $ PORT 인 포트 변수입니다. Cloud 9에서 앱을 배포 할 때 기본 IP 및 PORT 정보가 있으므로 …

176 reactjs  webpack-dev-server  cloud9-ide  cloud9 

webpack.config.js를 이렇게 작성하면 module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; 그리고 모듈을 index.jsx가져옵니다.reactApp import React from 'react'; import { render } from 'react-dom'; import App from './containers/App'; let …

107 reactjs  webpack  webpack-dev-server 

나는 작업을 시작하고 webpackA를 node/express개발 환경 ReactJS과 서버 측 렌더링 응용 프로그램을 react-router. dev 및 prod (런타임) 환경에서 각 웹팩 패키지의 역할에 대해 매우 혼란 스럽습니다. 내 이해에 대한 요약은 다음과 같습니다. webpack: 웹 애플리케이션의 여러 부분을 결합한 다음 단일 .js 파일 (일반적으로 bundle.js)로 묶는 패키지 인 도구 입니다. 결과 …

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

저는 webpack을 처음 접했고 프로덕션 빌드에서 전체 코드의 크기를 줄일 수 있다는 것을 알았습니다. 현재 webpack은 약 8MB 파일과 약 5MB의 main.js를 빌드합니다. 프로덕션 빌드에서 코드 크기를 줄이는 방법은 무엇입니까? 인터넷에서 샘플 웹팩 구성 파일을 찾았고 내 응용 프로그램에 대해 구성하고 실행 npm run build하고 빌드를 시작했으며 ./dist/디렉토리에 일부 파일을 …

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

에서 실제 앱만 볼 수 있습니다 /public. 의 구성 webpack.config.js은 다음과 같습니다. 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: …

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

나는 그것이 가능한지 확실하지 않은 프로젝트에서 무언가를하려고 노력하고 있습니다. 나는 잘못된 방식으로 있거나 무언가를 오해하고 있습니다. 우리는 webpack을 사용하고 있으며, 아이디어는 하나 이상의 html 파일을 제공하는 것입니다. localhost : 8181-> index.html 제공 localhost : 8181 / example.html-> example.html 제공 설명서에 따라 여러 진입 점을 설정하여 수행하려고합니다 . 폴더 구조는 다음과 …

87 webpack  webpack-dev-server 

webpack에 "중요한 정보"만 터미널에 기록하도록하는 구성 옵션이 있는지 알고 싶습니다. 이 모든 것이 아니라 오류와 경고에 불과합니다. 너무 많은 출력이 있습니다! 일반적인 것들을 억제하고 webpack 만 경고 / 오류를 출력하도록하고 싶습니다. 대한 솔루션을 하시겠습니까 webpack, webpack-dev-server하고 karma-webpack. 참고 : 나는 시도 noInfo: true하고 quiet: true있지만 트릭을 할 것 같지 않았다. …

82 webpack  webpack-dev-server 

webpack-dev-server를 사용하여 파일을 컴파일하고 dev 웹 서버를 시작하려고합니다. 내 package.json스크립트 속성이 다음과 같이 설정되어 있습니다. "scripts": { "dev": "webpack-dev-server --hot --inline", } 너무 --hot과 --inline(제가 이해) 웹 서버와 뜨거운 재로드를 사용하도록 설정해야합니다. 내 webpack.config.js파일에서 항목, 출력 및 devServer 설정을 설정하고 로더를 추가하여 .vue파일의 변경 사항을 찾습니다. module.exports = { entry: …

82 javascript  webpack  vue.js  webpack-dev-server 

docker가 설치된 Ubuntu Linux 사용 VM이 없습니다. vuejs 응용 프로그램으로 도커 이미지를 작성했습니다. 핫 리로드를 활성화하려면 다음과 같이 docker container를 시작하십시오. 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 제대로 시작되고의 호스트 브라우저에서 액세스 할 수 있습니다 localhost:8081. 그러나 소스 파일을 변경하고 변경 사항을 …

10 docker  vue.js  webpack-dev-server