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

时间:2017-07-27 08:33:20

标签: javascript npm vue.js vuejs2 vue-component

我创建了一个带有2个组件的vuejs2项目(使用webpack),我想在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!错误的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也没有解决。

如何正确发布此项目及其所有组件?

由于

1 个答案:

答案 0 :(得分:0)

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

对于第二个问题,您可能希望运行执行this filenpm run build。至少我没有看到任何可能导致您的项目有效使用npm build dist(没有dist文件夹)的内容。请参阅general documentation for npm scriptsnpm build的文档。