nowでwebpack-dev-serverを使ってBasic認証をかける

nowにはIP制限機能がありません。そのため、アプリケーションレベルで認証をかける必要があります。

nowの構成上IPアドレス制限は実質使えないので、Basic認証を使うことになるかと思います。

webpack-dev-serverはもともと開発者の確認用みたいな位置づけなので、

https://github.com/webpack/webpack-dev-server/pull/520

にあるようにBasic認証かけるのはめっちゃ特殊なケースなのでそんな対応はしない、という潔さ。

それでもBasic認証かけたい場合は devServer.before をうまく使って以下のように設定します。

https://webpack.js.org/configuration/dev-server/#devserver-before

webpack.config.js

const basicAuth = require('basic-auth-connect');

  devServer: {
    contentBase: path.join(__dirname, 'public'),
    before(app) {
      app.use(basicAuth('username', 'password'));
    },
  },

https://github.com/expressjs/basic-auth-connect