我写了一些反应组件。
我有一个包含多个文件的ES6文件夹:
我不想在我的未来项目中像这样导入它们。
import A from 'bootstrap-styled/components/A';
我想创建一个npm包。
我需要使用SAME目录结构以ES5格式导出它们。
我不想要单个输出文件。
是否有任何现有程序可以做到这一点?
答案 0 :(得分:2)
你需要在你的项目中安装Babel
(我认为它已经安装,因为没有它你将无法在浏览器中运行你的ES6。所以我省略了Babel的所有设置,只是确保项目中有babel-cli
。
所以你需要的只是:
babel components --out-dir dist
它会将您的所有文件从components
编译为dist
。
你可以用
"main": "dist"
在package.json
如果您正在寻找此过程的自动化,请尝试此样板项目 -
react-cdk。
它会完全按照您的要求执行:每次运行npm publish