供应商js内的Webpack源代码

Question

我是webpack的新手，我正在尝试将我的angularjs项目转换为它。我正在使用一个在线模板，其中包含带有直接源提及的自定义js文件，如下所示：

$('.login-bg').backstretch([
            "../assets/bg1.jpg",
            "../assets/bg2.jpg",
            "../assets/bg3.jpg"
            ], {
              fade: 1000,
              duration: 8000
            }
        );

我使用脚本加载器模块包含这些js文件，如下所示：

import 'script-loader!../assets/scripts/script.js'

我想在导出项目时为webpack提供包含这些图像的解决方案，您是否知道实现该目标的最佳方法是什么？

另外，我是以最佳方式导入这些文件的吗？我见过很多复杂的解决方案，这是最简单，最快捷的工作方式。

谢谢！

修改1：

找到了一个我不太喜欢的解决方法，但必须暂时工作。 在angularjs控制器上导入图像，并在加载页面时将其传递给自定义脚本文件。

Controller.js

import img1 from "Assets/velona/login/bg1.jpg"
...
Script.init(img1,img2,img3);

如果有人有更好的想法，我愿意改善这一点。