如何浏览浏览的模块?

标题似乎令人困惑,但我会举一个例子。

假设我创build了一个使用运行在浏览器中的ES6的模块,所以我使用了带有babelify的browserify来构build一切。

现在我想在使用browserify的项目中包含相同的模块,但不使用Babel来编译ES6,所以我需要编译版本。

我试图要求这样的“browserified”模块:

// es5-project.js require('./compiled-module-with-browserify'); 

但是,当我运行browserify es5-project.js我开始得到这样的错误:

 Error: Cannot find module './XXX' from '/Users/mauricio.oliveira/projects/project-name/dist-folder' 

这是有道理的,因为browserify将所有模块编译成一个文件,它不会在编译的文件中find模块。

有没有人遇到像这样的问题? 如果你这样做,你是如何解决的?

谢谢!

find答案!

这将做的伎俩https://github.com/substack/browserify-handbook#browser-field

只需在package.json文件中定义一个“浏览器”索引,并指向最初的源文件即可。

🙂