无法利用Webpack外部设备

时间:2018-08-28 17:30:26

标签: webpack commonjs es-module

我正在创建一个依赖于样式组件的库。我还在制作一个依赖于我的库和样式化组件的应用程序。没做任何特别的事情,我收到有关正在加载两个Styled-Components实例的警告。经过一些研究,似乎我需要使用webpack外部组件,以免将样式化组件编译到我的库包中。

我的第一个问题是我还需要利用npm的对等依赖吗?这是一个正交的概念吗?无论如何,我还添加了样式组件作为我库的对等依赖项。

我的主机应用程序有很多问题。因此,我创建了一个简化的演示应用程序(如果需要,将所有这些内容发布到仓库中)。这只是导入我的库的index.js文件。然后我还要npm安装样式化组件。我正在使用es6语法导入我的库,因此我添加了所有必需的babel软件包。我设置了webpack配置以捆绑我的应用程序。

但是我得到这个错误:

  ../libs/ab-chart/dist/bundle.js中的

ERROR找不到模块:错误:   无法解析“样式化的组件”   '/ Users / abollba / Dropbox / all / web / apps / libs / ab-chart / dist'

我已经花了几个小时浏览Webpack文档。我已经建立,拆除并不断地尝试每个配置键。我正要放弃。有太多的因素和令人困惑的错误,甚至不知道该怎么办。非常感谢您的帮助!

编辑(更多信息):

提供答案中要求的信息:

1)libraries webpack config

2)library package.json

3)我像这样将库包含在我的应用中:import { Chart } from "ab-chart";

4)package.json for host app

5)webpack config for host app

0 个答案:

没有答案