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

Question

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

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

另外，当我尝试运行npm build dist时，出现错误：

npm ERR！ 达尔文16.6.0

npm ERR！ argv“ / usr / local / bin / node”“ / usr / local / bin / npm”“运行”“ dist”

npm ERR！ 节点v6.9.2

npm ERR！ npm v3.10.9

npm ERR！ 缺少脚本：dist

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

npm ERR！ 请在支持请求中包含以下文件：npm ERR！
/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的文档。

对于第二个问题，您可能想运行npm run build ，执行该文件 。 至少我没有发现任何可能导致您的项目有效使用npm build dist （没有dist文件夹）的情况。 有关npm脚本 ，请参见常规文档；有关npm build ，请参见文档 。