在 npm 上将 Vuejs 组件作为包发布

Question

我创建了一个包含 2 个组件的 vuejs2 项目（使用 webpack），我想将此项目作为一个包发布到 npm 上，以便我可以将此项目中的所有组件与多个项目（可重用组件）一起使用。

我在 npm npm publish 上发布了项目并使用 npm install my-components 安装了包，我在 node_modules 中找到了该项目，但它包含整个源代码，就好像我在那里复制/粘贴了项目一样。

另外，当我尝试运行 npm build dist 时，我收到了一个错误：

npm 错误！达尔文 16.6.0

npm 错误！ argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dist"

npm 错误！节点 v6.9.2

npm 错误！ npm v3.10.9

npm 错误！缺少脚本：dist

npm 错误！ npm 错误！如果你需要帮助，你 可能会在以下位置报告此错误：npm ERR！
https://github.com/npm/npm/issues

npm 错误！请在任何支持请求中包含以下文件： npm 错误！
/Users/myuser/Documents/Projects/my-components/npm-debug.log

在我的项目 (https://github.com/Trelllis/my-components) 中，有一个名为 vue-version 的组件我无法使用，并且项目 my-components 未解析。

如何正确发布这个项目及其所有组件？

谢谢

Answer 1

如果您将完整代码包含在 npm 模块中，那是正常的。如果你想从 npm 中删除一个文件夹，你可以在项目的根目录下创建一个 .npmignore，其语法与 .gitignore 文件相同。查找 npmignore here 的文档。

对于第二个问题，您可能想要运行npm run build，它执行this file。至少我没有看到任何可能导致您的项目有效使用 npm build dist 的内容（没有 dist 文件夹）。请参阅 general documentation for npm scripts 和 npm build 的文档。