javascript - Browserify 中的 require.context() 等效项

标签 javascript webpack browserify

在使用 Webpack 的项目中,我们可以使用 require.context()导出一些.js文件合并到一个模块中。所以在 modules目录,有几个模块:

modules
-counter.js
-index.js
-mod2.js
somefile.js
counter.jsmod2.js是模块。 index.jsrequire.context() :
const files = require.context('.', false, /\.js$/)
const modules = {}

files.keys().forEach((key) => {
   if (key === './index.js') return
   modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
})

export default modules

所以在 modules 之外的单独文件中文件夹,somefile.js , 我可以做这个:
import modules from './modules';
new Something({
  modules
});

但是require.context()仅在 Webpack 中。由于 Browserify 可与 Webpack 相媲美,是否有 Browserify 等效于这样做?

最佳答案

我有同样的问题,最后使用了 require-bulk npm 模块,然后 bulkify以达到 Webpack 的 require.context 所期望的效果。
在您的 index.js 文件中,它将类似于:

const bulk = require('bulk-require')
bulk(__dirname, ['./**/!(*.index).js'])

这将包括目录中的所有文件

关于javascript - Browserify 中的 require.context() 等效项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40620383/

相关文章:

javascript - 当将 dropzone 与 browserify 一起使用时, $(...).dropzone 不是一个函数

javascript - 部署heroku问题

javascript - 如何使 webpack 的 uglifyjs 插件不破坏 sass 的源映射?

javascript - 我想在 react 中创建一个倒计时 watch ,用户在其中输入输入,可能在几秒钟内输入,然后它下降到 0

Angular 作为 Webpack 外部

reactjs - 从 webpack 3 迁移到 4 时清除当前用户设备上的缓存

bower - Jest 测试中的 Jest 和 Bower 模块加载

node.js - 从 browserify 和 uglify 生成 sourcemap

javascript - 警告传递商店作为 Prop

javascript - 自带搜索框,x按钮不隐藏