Webpack (encore) - 如何合并第三方库 (JS/CSS)

问题描述

我有 Symfony 4.4 应用程序，现在我有一个新的网络 CSS/JS 主题。有很多页面，我想逐渐应用主题（现在为一页）。 CSS 程序员为我提供了 HTML 页面，其中包含一些 CSS/JS 导入 (<link href="">/<script src="">) 和我在 package.json 中的不同 JS 库版本。这个新主题是我们应用中的 GIT 子模块，我需要将所有 JS 导入合并到一个文件中，然后将其粘贴到一个页面。

我试过了：

Encore
  .setOutputPath('public/dist/')
  .setPublicPath('/dist')
  .
  .
  .
  .autoProvideVariables({
    $: path.resolve(path.join(__dirname,'assets/front/new-template/node_modules/jquery/dist/jquery.min.js')),jQuery: path.resolve(path.join(__dirname,})
  .addEntry('front/js/main-new',[
    './assets/front/new-template/node_modules/jquery/dist/jquery.min.js','./assets/front/new-template/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js','./assets/front/new-template/node_modules/moment/moment.js','./assets/front/new-template/node_modules/daterangepicker/daterangepicker.js','./assets/front/new-template/node_modules/select2/dist/js/select2.min.js','./assets/front/new-template/js/main.js',])

但是有一些问题：

Moment 向控制台抛出“未定义时刻”

Daterangepicker 向控制台抛出“$().daterangepicker() 不起作用。”

Select2 向控制台抛出“$().select2() 不是函数。”

我尝试将 require 与使用它们的 ./assets/front/new-template/js/main.js 文件的路径放在一起，但是什么都没有改变。

---

谁能告诉我如何通过 Webpack 将其正确地移动到一个 JS 文件中？

<script src="/assets/front/new-template/node_modules/jquery/dist/jquery.min.js"></script>
<script src="/assets/front/new-template/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/assets/front/new-template/node_modules/moment/moment.js"></script>
<script src="/assets/front/new-template/node_modules/daterangepicker/daterangepicker.js"></script>
<script src="/assets/front/new-template/node_modules/select2/dist/js/select2.min.js"></script>
<script src="/assets/front/new-template/node_modules/toastify-js/src/toastify.js"></script>
<script src="/assets/front/new-template/js/main.js"></script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）