webpack4打包vue组件

发表于 问题记录 分类,标签:
问题:webpack打包的vue组件无法使用使用vue-cli脚手架打包单个组件,然后发布到npm,在另外的一个项目npminstall 该组件并在项目中引入,发现引入后无法使用,该组件输入永远是空对象。示例代码如下图:组件测试代码(源组件代码太多不好讲解,换成了一下的AA函数)组件package.json代码项目使用代码:浏览器console面板输出:从这里课可以看到bookReader为一个空对象{},所以 Vue.use(bookReader );这句话就废了,这个结果很明显不是我们想要的。解决方案:经过百度,以及webpack官网得知,webpack打包的output是可以设置打包类型的参数的,可以打成模块包,详情查看(https://webpack.docschina.org/configuration/output&n...