開発用サーバ

WebPackの開発用サーバを使う。

webpack-dev-serverをnpmでインストール。

webpack.config.jsに

devServer: {
  contentBase: path.resolve(__dirname, 'app'),
  port: 3000
}

を等と設定、また、outputのpublicPathも追加してcontentBaseに合わせておく(そうしないとpath:を起点にjs等が参照されてしまう。)。

output: {
  path: path.resolve(__dirname, 'app/dist'),
  publicPath: "app/"
},

npmにコマンドを登録し

"scripts": {
     "server": "webpack-dev-server --inline",
   }

npm run server等とやればlocalhost:3000でアクセスできる。