検索

ホームページ  >  に質問  >  本文

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

私は初心者です。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 で使用するにはどうすればよいでしょうか?

PHP中文网PHP中文网2826日前585

全員に返信(2)返信します

  • phpcn_u1582

    phpcn_u15822017-05-19 10:36:53

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

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

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

    返事
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:36:53

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

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

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

    返事
    0
  • キャンセル返事