问利用webpack构建带脚本标签的可导入库
EN

Stack Overflow用户

提问于 2016-07-06 07:57:14

回答 1查看 778关注 0票数 1

我有一个“Webpack”项目，其中我正在构建几个库。它们都是用<script>标签导入的。我的配置如下所示：

entry: {
  bundle: ['./src/index', 'webpack-hot-middleware/client?reload=true'],
  mylib: ['./src/loader', 'webpack-hot-middleware/client?reload=true']
},
target: web,
output: {
  path: `${__dirname}/dist`, 
  publicPath: 'http://localhost:3000/',
  filename: '[name].js',
  library: ['mylib', '[name]'],
  libraryTarget: 'umd'
},

对于我的测试，我的入口点非常简单：

module.exports = 'abracadabra';

根据指南，我遵循how to build a complex library with webpack，如果我理解正确的话，这应该足以在浏览器中获得此行为(在打开带有脚本标记的索引html文件之后)：

console.log(mylib) -> 'abracadabra'

然而，这不起作用，在浏览器的控制台中，我可以看到mylib是定义的，但它有一个奇怪的形状：

Object {mylib: Object}
   mylib: Object
     subscribe: function subscribe(handler)
     useCustomOverlay: function useCustomOverlay(customOverlay)
     __proto__: Object__proto__:

其中一些代码与HMR (热模块替换)有关，但我仍然不明白我应该如何使用我的模块。

有什么想法吗？

webpack

回答 1

Stack Overflow用户

发布于 2016-07-07 01:33:11

你的入口点有这个吗？

if (module.hot) {
    module.hot.accept();
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38214605

复制

相似问题

问利用webpack构建带脚本标签的可导入库
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问利用webpack构建带脚本标签的可导入库EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问利用webpack构建带脚本标签的可导入库
EN