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

Question

在我的节点 js 代码中，我使用 babel-minify 来创建缩小版本。现在我的客户在他的代码中使用了那个缩小的文件。在我的节点 js 应用程序中，有一个下拉列表，所以我将静态数据放入其中。该下拉数据必须是动态的。最初，使用下拉列表 ID 使用 HTML 更改值下拉列表，但这些值不会随着原始静态数据而改变。

我希望他应该在缩小的 js 脚本中动态注入下拉列表值，这样我就可以使用更新后的值重新加载我的下拉列表。我如何在缩小的 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 || {};
}

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

Inject argument externally and dynamically minified js

javascript

babeljs