over 3 years ago

假設 Server 端的 port 為 8080
需設定 webpack-dev-server 的 port 為 8081

配置 webpack.config.js

module.exports = {
  ...
  output: {
    path: path.resolve(__dirname, "build"),
    publicPath: "http://localhost:8081/",
    filename: "bundle.js"
  },
  ...
};

於主頁面 index.html 加入 http://localhost:8081/bundle.js

<body>
  <div id="react"></div>
<script src="http://localhost:8081/bundle.js"></script>
</body>

執行

webpack-dev-server --progress --colors --history-api-fallback --host localhost --port 8081 --inline

開啟 Server 端的 URL

http://127.0.0.1:8080/(App路徑)/index.html
← React 分頁 component Array.prototype.reduce() 累加器 →
 
comments powered by Disqus