如何浏览浏览化模块?

时间:2015-09-29 14:34:36

标签: javascript node.js browserify commonjs

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

假设我创建了一个使用在浏览器中运行的ES6的模块,因此我使用browserify和babelify来构建所有内容。

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

我试图要求"浏览化"像这样的模块:

// 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将所有模块编译成一个文件,它不会在编译文件中找到模块。

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

谢谢!

1 个答案:

答案 0 :(得分:1)

找到了答案!

这将解决问题https://github.com/substack/browserify-handbook#browser-field

只需定义一个"浏览器" package.json文件中的index,并指向初始源文件。

:)