vue.js - webpack+vue2.0注册的全局组件在别的项目中无法使用？

问题描述

问 题

[
Vue单文件组件的 = A项目
springMVC = B项目
]
初学vue,试着写了一个vue的单文件组件
在main.js中注册了全局组件如下图

webpack.config.js如下

在B项目中使用

但是报错告诉我 v-app 组件未注册

解决方案

你webpack打包的方式不对, 外部引用时其实是找不到你的这个vue组件，需要设置webpack output的libraryTarget属性:

output: {
  libraryTarget: "umd",  //一般都会选择umd
  filename: "lib.js"
}

意思是告诉webpack按照umd(AMD与CommonJS都可以使用)规范去打包。
可以看下具体的文档:
https://webpack.github.io/docs/configuration.html#output-librarytarget

这篇关于vue.js - webpack+vue2.0注册的全局组件在别的项目中无法使用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！