問題タブ [parceljs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Nodeサーバーでハッシュされた名前のバンドルされたjsファイルを提供する方法は?
私はクライアント コードをバンドルするために Parcel を使用しています。プロダクション ビルドを実行するたびに、ハッシュされた部分を含むファイルに JavaScript コードがバンドルされます。例: webrtc.27c30b71.js.
現時点では、クライアント コードをビルドするたびに、サーバー ファイルに移動し、新しく生成されたハッシュ名を反映するように手動でコードを変更する必要があります。
これについてもっと良い方法があるはずです。クライアント コードを再構築するたびにサーバー コードを手動で変更する必要がないようにするにはどうすればよいですか?
javascript - Parceljsでエイリアスを解決するには?
Webpack から Parcel に移行しており、コンポーネントで次のようなフォルダー エイリアスを使用しています。
次のエラーが表示されます。Cannot find module 'actions/authActions'
奇妙なことに、 を使用している場合にのみ表示buildされ、開発モードでは機能しますが、本番環境では機能しません。
ドキュメントが言うように、package.jsonにエイリアスを設定しました：
これはサーバー側でレンダリングされたアプリです。コンポーネントを別の場所にインポートしていますが、デフォルトのパーセル ルートを使用できません。これはエントリ ファイルに関連しているためです。
エイリアスを適切に解決するにはどうすればよいですか?
jquery - index.html で参照される静的アセットを使用してプロジェクトを構築する - パーセル
ビルドに Parcel を使用するように古い React プロジェクトを変換中です。
現状では、ほとんどすべてが機能していますが、静的アセットを扱うのに苦労しています。多くのスタイルシート、js ライブラリ (jquery、jquery-ui など) を参照する index.html があります。これらを JavaScript ファイルにインポートすることが望ましいことはわかっていますが、現時点ではそれはオプションではないため、グローバルのままにしておく必要があります。
index.html ファイルは次のようになります。
パーセルでは、これらのファイルをすべて src フォルダーに含める必要があります。そうしないと、index.html ファイルの解析時にエラーがスローされます (つまり、「jquery が見つかりません」)。ただし、これらのファイルを src ディレクトリに含めると、いくつかの問題が発生します。
- jquery ファイル、静的アセットなどはすべて名前が変更されます。これにより、一部の jquery ライブラリがグローバル jquery ファイルを参照する必要がある場合に、ファイル名が異なるため (jquery.563534.js など)、問題が発生します。
- これらのファイルを src ディレクトリに置くのではなく、src の外の「静的」ディレクトリに置くことをお勧めします。
- これらのファイルが解析されるのを待つのは不要なので、時間を費やしたくありません。
HTMLファイル自体からインポートを削除せずにこれを回避する方法はありますか?