前提
webpackを使って各種プラグインのバンドルをしたいです。
元々さまざまなプラグインが配置されている状態から、全てbundle.jsとbundle.cssにまとめるイメージです。
色々と試したのですが、バンドルまではできてもプラグインが動きません。
実現したいこと
before
Javascript
1<script src="https://code.jquery.com/jquery-3.3.1.js"></script> 2<link rel="stylesheet" href="js/swiper.css"> 3<link rel="stylesheet" href="js/modal.css"> 4... 5<script src="js/swiper.js"></script> 6<script src="js/modal.js"></script> 7...
after
Javascript
1<script src="https://code.jquery.com/jquery-3.3.1.js"></script> 2<link rel="stylesheet" href="js/bundle.css"> 3<script src="js/bundle.js"></script>
試したこと
方法として、jsプラグインそのものをexportして、index.js(エントリーポイント)にimportするようにしました。
index.js(エントリーポイント)
1import { swiper } from "./swiper.js" 2import { modal } from "./modal.js" 3...
バンドルまでは成功しているのですが、jsが動いていないようです。
このようにプラグインを一つのバンドルファイルにまとめるやり方があれば教えていただきたいです。
npmインストールする方法もあるかと思いますが、自作プラグインもバンドルしたいため、可能であればjsファイルからのバンドル方法を知りたいです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー