javascript - 如何在编译时动态导入js文件作为browserify的输入？

Question

在我们的项目结构中，我们有一个包含许多 js 文件的目录。我们可能会在以后添加或删除这些文件中的任何一个。目前有一个 main.js ，我们在其中导入每个文件并创建一个映射(文件名作为键和类在文件中定义为值)。

示例:

验证器1.js

class Validator1 {
    constructor() {
        this.payRegex = /^[0-9][0-9][0-9]\/[A-Z,0-9][A-Z,0-9]*$/;
    }
    validate(obj) {
        //do something
    }
}

export default Validator1;

在 main.js 中

import Validator1 from 'validator1.js';

import NoopValidator from './noop.js';

var validatorMap = {};
validatorMap['validator1'] = new Validator1;

validatorMap['DEFAULT'] = new NoopValidator;

我们将此文件提供给 browserify 以创建一个 bundle.js。正如我所说，该文件夹中有许多文件，我们希望在编译时使用 maven 生成该文件。

• 除了创建 maven 插件之外，还有其他方法吗？
• 我们正在使用 EMAScript6

Answer 1

没有内置的方法可以做到这一点，但是 Browserify Transform可以处理任务。你可以自己写一个，但我认为 Bulkify可能已经做你想做的，这取决于你想要结果的格式。

参见:

• Bulkify
• bulk-require