我已经决定要使用Webpack和Babel来开发我的Wordpress主题，因为我想支持ES6功能，并且仍然可以在较旧的浏览器（IE11）上运行我的网站，以及诸如导入等其他好处。文件，这样我就不必将所有JS放在一个大的script.js文件中（例如，使用WebGL的主题）。
这是我第一次设置和使用Webpack，我很确定我已经按照正确的方式进行了设置，因为我遵循了一些教程来进行设置，并且都运行良好，但是我的主要问题是使用外部库。我有一些需要通过NPM安装的夫妇（即Chart.js，Flickity，Magnific Popup等）。我有一个主要的script.js文件，其中包含我的常规Javascript代码，并捆绑到bundle.min.js中，该文件是由Wordpress排队的文件。
在Webpack中与script.js文件一起使用外部库的最佳方法是什么？
目前，我想到的最好的解决方案是以以下方式设置script.js文件：
// Imports
import 'magnific-popup/dist/jquery.magnific-popup.min.js';
import 'flickity/dist/flickity.pkgd.min.js';
import 'chart.js/dist/Chart.bundle.min.js';
script.js code...
当我运行npm run build时，一切正常，而babel和uglify js尽其所能来缩小代码并使代码在旧的浏览器上运行，但是由于某种原因，我觉得有一种更好的方法，因为我在网上找不到有关它的任何信息。
这是最好的方法吗？
答案 0 :(得分：2)
基本上，我们不需要使用webpack中的babel-loader缩小/翻译外部库（因为它们已经在内部支持所有浏览器）。对于这些文件，可以使用脚本加载器而不是babel-loader。
导入的另一种方法是使用npm添加这些库，并在需要时将其导入。通过这种方法，webpack会在需要时包含这些库，而不是每次不必要时都将其加载。