使Bootstrap ES6 JS代码丑化导致“模式重新声明”问题

Question

当我尝试使用Grunt来丑化Bootstrap 4JS代码时，我得到了错误"Modal redeclared“。我发现这些是ES6，所以我找到了ES6 Uglify for Grunt。我使用了以下依赖项

"bootstrap": "~4.0.0",
"grunt": "~1.0.1",
"grunt-contrib-uglify-es": "git://github.com/gruntjs/grunt-contrib-uglify.git#harmony",

在其他方面。完整的错误是：

>> Uglifying source source/js/site.js failed.
Warning: Uglification failed.
Modal redeclared.
Line 1808 in source/js/site.js

这行代码是const Modal = (($) => {

我不确定如何使用Grunt来编译或美化这些JS文件。你知道我能做些什么吗？

谢谢你的帮助。

Answer 1

我的问题在于文件的编译顺序。我已经按正确的方式附加了。我注意到：

• 实用程序应该是第一个
• 索引，最后一个
• 弹出窗口必须在工具提示

之后加载

​

"build": {
   "src": [
   "node_modules/bootstrap/js/src/util.js",
    "node_modules/bootstrap/js/src/alert.js",
    "node_modules/bootstrap/js/src/button.js",
    "node_modules/bootstrap/js/src/carousel.js",
    "node_modules/bootstrap/js/src/collapse.js",
    "node_modules/bootstrap/js/src/dropdown.js",
    "node_modules/bootstrap/js/src/modal.js",
    "node_modules/bootstrap/js/src/scrollspy.js",
    "node_modules/bootstrap/js/src/tab.js",
    "node_modules/bootstrap/js/src/tooltip.js",
    "node_modules/bootstrap/js/src/popover.js",
    "node_modules/bootstrap/js/src/index.js",
    "source/assets/js/*.js"
    ],
   "dest": "source/js/site.js"
}

​

耶！