gulp でコンパイルされた es6 ファイルを実際のプロジェクトで使用するにはどうすればよいですか?

Question

私は初心者です。gulp を使った es6 環境のマスターコンパイルを数多く見てきましたし、自分でも試してみましたが、実際のプロジェクトでの使い方がまだよくわかりません。マスターによって書かれた例を載せます。複数の es6 ファイルからコンパイルされた js ファイルは、最終的に 1 つの Bundle.js ファイルにマージされ、ページ内では Bundle.js も参照されます。
現在のプロジェクトには複数のページがあります。たとえば、a.html は a.js と jquery.js を参照する必要があり、b.html は b.js と jquery.js を参照する必要があり、c.html は b を参照する必要があります。 js と c.js と jquery.js。この場合、ファイルをコンパイルし、HTML で使用するにはどうすればよいでしょうか?

Answer 1

あなたが言及した最初の状況は、ファイルを自分で書いたということですgulp任务，将多个文件最终合并成为一个bundle.js。

同様に、あなたが言及した 2 番目のシーンについては、複数の gulp任务，最终分别不同的入口文件打包不同的a.js，b.js などを記述するだけです。

html文件中对应引入即可，gulp作为build ツールはどの環境でも使用できます。結局のところ、本番環境では生成されたファイルのみが使用されます。

Answer 2

gulp的自定义任务可以压缩和合并js文件，只需要申明文件路径即可。bundle.js应该是webpack生成的，webpack针对ES6和浏览器具有兼容性优化。在html中可以直接在index.html

で圧縮されマージされたjsを引用するだけです

アップデート用のgulp的watch事件中添加针对js文件的监听，这样即可在有任何监听的js文件被修改后重新压缩合并所有jsファイル内