HOME>情報備忘録>webpackでバンドルしたライブラリを外側から利用したい

webpackでバンドルしたライブラリを外側から利用したい

ES6のimport fromで読み込んだjQueryとかのライブラリをHTMLファイルから利用したい場合。

こんな感じでちょこっと利用したい。

  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>Webpack</title>
  6. </head>
  7. <body>
  8. <script type="module" src="libs.bundle.js"></script>
  9. <script type="module">
  10.     console.log($);
  11.     console.log(jQuery);
  12.     console.log(_);
  13.     console.log(Backbone);
  14. </script>
  15. </body>
  16. </html>

libs.js

  1. import $ from 'jquery';
  2. import _ from 'underscore';
  3. import Backbone from 'backbone';
  4.  
  5. window.$ = $;
  6. window.jQuery = $;
  7. window._ = _;
  8. window.Backbone = Backbone;

で、いけるけどこれが正解かは不明。

投稿日 2019年3月 7日 01:21
タグ Javascript | jQuery | webpack
トラックバック URL http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1796

コメント

コメントする
Name
Email Address
URL