向外部注入参数并动态缩小js

Question

在我的节点js代码中，我使用了babel-minify来创建精简版本。现在我的客户在他的代码中使用了这个简化的文件。在我的node js应用程序中，有一个下拉列表，因此我将静态数据放入其中。下拉数据必须是动态的。最初，change value下拉菜单使用HTML和dropdown ID，但这些值不会随原始静态数据而改变。

​

​

我希望他应该在精简的js脚本中动态注入dropdown值，这样我就可以使用更新的值重新加载dropdown。如何在缩小的js中向外部注入值？

Answer 1

经过大量的研究，我找到了解决方案。将一个函数与window对象绑定，并在其中传递我的参数。我的HTML文件代码，

 <script src="myMinified.js"></script>
  <script>
    //Call initial method in minified js
    window.initializeALL();
    var dropdownJson = [ { value: 0, name: 'Select' }, {value: 1, name: 'Abc' }, { value: 2, name: 'Abc1'}, { value: 3, name: 'Abc2' }, { value: 4, name: 'Abc3' }];
    window.passdropdownarg(dropdownJson);
  </script>

我的JS实现，它后来使用babel-minify缩小了。

//Method call from external HTML script
window.connectorDd = function(dropdownJson){
  externalDropdownValue = dropdownJson || {};
}