24

アプリケーション (ローカルで開発中) に統合したいモジュールを使用するには、次の 2 つのことを行う必要があります
。1) アプリケーションを HTTPS でローカルに実行する。
2) 特定のドメインでアプリケーションを実行します。

これらは両方とも、私がローカル開発に使用している Webpack 開発サーバーでは非常に簡単なはずですが、何らかの理由でドキュメントが示唆するように機能していません。

私のwebpack.configファイルは次のとおりです。

module.exports = {
  entry: './app/js/app.js',
  output: {
    path:'./app/js/',
    publicPath: 'https://specialurl.com/assets',
    filename:'bundle.js'
 }

私が指しているパスは、コンピューターのホスト ファイルに追加されているので、localhost のデフォルトと同じように有効である必要があります。

そして、私のpackage.jsonファイルには、開発サーバーの開始スクリプトとして次のものが含まれています。

"scripts": {
"start": "webpack-dev-server --progress --colors --https",
}

これらの変更を行い、保存後に npm start で再起動しました。問題は、サーバーがまだ https で実行されていないことです。ブラウザで新しいリンクを指定しても、何も表示されません。私が見つけたすべてのドキュメントは、これがうまくいくように見えるので、明らかな何かが欠けているに違いありません.

4

2 に答える 2

47

解決しました！予想通り、Webpack を使用するのは非常に簡単であることがわかりましたが、ドキュメントは少しわかりにくいです。

必要なドメインが含まれるようにホスト ファイルを編集し、次のコードを .xml ファイルに追加するだけですwebpack.config。

 devServer: {
  host: "localhost.specialurl.com",
  port: 1234,
  https: true
},

npm startブラウザを実行してhttps://localhost.specialurl.com:1234/webpack-dev-serverにアクセスすると、すべて設定されているはずです:)

于 2015-07-06T18:06:44.737 に答える