javascript - 将 reactjs 组件作为 Node 模块导出到 npm 时，我是包含 jsx 还是 js

Question

我一直在创建一些 React.js 组件并将它们作为模块发布到 npm。

我正在使用以下 gulp 任务将我所有的 jsx 组件转换为 js，使用 gulp-react:

var react = require('gulp-react');

gulp.task('react', function () {    
  return gulp.src('./jsx/*.jsx')
    .pipe(react({
      harmony: true
    }))
    .pipe(gulp.dest('./js/'));
});

所以在我发布的模块中，js 和 jsx 文件夹中有组件。

我的问题是在我的 package.json 中将主文件指向哪个更好？

js

"main": "js/todo.js",

或jsx

"main": "jsx/todo.jsx",

我会假设如果我将它们指向 jsx，那么它们将需要安装 gulp-react，那么我会把它添加到 peerDependencies 中吗？

Answer 1

好问题，经典的特例“我是否在我的存储库中包含构建工件？”。我倾向于站在指向 JS 文件的一边，因为包/依赖项管理器的要点是，当你发布东西时，其他人应该能够立即安装并开始使用，而不必自己考虑依赖项。例如:

我在命令行上安装我的包:

$ npm install something

打开 Node repl 并:

> var something = require('something');
undefined
> something.functionallity(1, 2, 3);
...whatever, but you wouldn't like an error now...