Uglifying Bootstrap ES6 JS代码导致" Modal重新声明"问题

时间:2018-03-22 22:05:59

标签: npm gruntjs bootstrap-4 es6-modules grunt-contrib-uglify

我收到错误" Modal重新声明"在尝试使用Grunt uglify Bootstrap 4 JS代码时。我发现那些是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 = (($) => {

我不确定如何将这些JS文件编译或使用Grunt进行uglify。关于我能做什么的任何想法?

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我的问题是文件编译的顺序。我已经附上了正确的方法。我注意到的事情:

  • Util应该是第一个
  • 索引最后
  • Popover必须在工具提示后加载



"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"
}