webpack-dev-server를 사용할 때 localhost : 8080 또는 localhost : 8080/webpack-dev-server로 이동해야합니까? 내가 <code>webpack-dev-server</code>을 실행하면

Question

는 콘솔 출력의 처음 세 줄은 다음과 같습니다

http://localhost:8080/webpack-dev-server/ 
webpack result is served from/
content is served from ./dist 

내가 localhost:8080/webpack-dev-server/로 이동해야하는 이유에 의해 혼란 스러워요. 과거에 내 앱은 localhost:8080에 살고있었습니다. 그 차이점은 무엇입니까? /webpack-dev-server 경로 구성 요소가 있거나없는 경로 장단점은 무엇입니까? 핫 리로딩에 영향을 줍니까?

는

편집 :

핫 재로드 /webpack-dev-server에 의해 영향을받는 기능이 될 것으로 보인다. 내 브라우저는 다음 설정을 사용하여 다시로드하지 않습니다 http://localhost:8080/webpack-dev-server/에서 실행

이

var webpack = require('webpack'); 
const path = require('path') 

module.exports = { 
    entry: "./src/index.js", 
    output: { 
    path: path.join(__dirname, 'dist'), 
    // publicPath: path.join(__dirname, 'dist'), 
    filename: "bundle.js" 
    }, 
    devServer: { 
    contentBase: "./dist" 
    } 
} 

Answer 1

앱이 iframe에 실행 될 때 다시로드 당신에게 핫을 제공합니다.

핫 리로드은 단순히 저장을 클릭하면 브라우저가 자동으로 다시로드된다는 의미입니다.

그러나 여전히 http://localhost:8080/을 사용할 수 있으며 webpack-dev-server 명령에 추가 옵션을 제공하지 않으면 핫 리로드를 놓칠 수 있습니다.

webpack-dev-server --hot 또는 webpack-dev-server --hot --inline이어서 웹팩이 제공하는 최신 리로드 기능을 사용할 수 있습니다.

상세 정보 참조 : 내가 로컬 호스트 '에 가면 https://webpack.github.io/docs/webpack-dev-server.html