javascript - vue 如何导入 node_modules 里的组件

Question

我想把某个 ComponentA.vue 上传到npm 私服，然后在多个项目中依赖。
但是在网上的教程都是这样：

<script>
import ComponentA from './ComponentA.vue'
import ComponentB from './ComponentB.vue'

export default {
  components: {
    ComponentA,
    ComponentB
  }
}
</script>

全部都是从相对目录依赖。
so ， 怎样 import node_modules 目录下的组件。

Answer 1

我想你应该是想把它独立成一个组件然后到npm，以后就可以及拿及用？

要是这样的话，你就把他封装成一个插件

过程见文档　https://cn.vuejs.org/v2/guide...

示例，如　vue-progressbar

Answer 2

直接 import <你的组件> from <库名> 前提是你的库里有一个 index.js 引用了你的 .vue 组件

Answer 3

我是先把自己的组件库用webpack编译打包，上传到npm。然后在项目里引用打包后的文件。
如果要直接引用源文件的话，就需要设置webpack不要忽略node_modules。