Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 将错误块暴露为库的网页包_Webpack - Fatal编程技术网

Webpack 将错误块暴露为库的网页包

Webpack 将错误块暴露为库的网页包,webpack,Webpack,我正在设计一个JavaScript库,打算作为标记导入,并公开一个全局函数,如: <script src="mapboard.js"></script> <script> Mapboard({...}); </script> 我想让全局映射板只公开块库。现在,出于某种原因,它公开了一个供应商库vuex。有人知道怎么做吗?一个库不应该使用多个入口点。所有条目都将以相同的名称公开其导出,最后加载的条目将获胜。如果您确实需要多个库,例如,您也可以在

我正在设计一个JavaScript库,打算作为标记导入,并公开一个全局函数,如:

<script src="mapboard.js"></script>
<script>
  Mapboard({...});
</script>

我想让全局映射板只公开块库。现在,出于某种原因,它公开了一个供应商库vuex。有人知道怎么做吗?

一个库不应该使用多个入口点。所有条目都将以相同的名称公开其导出,最后加载的条目将获胜。如果您确实需要多个库,例如,您也可以在output.library中使用[name]

但看起来您正在尝试实现其他目标,即不将依赖项与库捆绑在一起。在这种情况下,您应该使用,这需要库的用户安装像Vue这样的依赖项。这与peerDependencies在npm包中的工作方式非常相似。欲了解更多信息,请阅读官方文件

如果您只想创建一个开箱即用的库,那么您应该将其全部放在一个bundle/条目中

module.exports = {
  entry: {
    lib: './src/main.js',
    vendor: [
      'leaflet',
      'vue',
      'vuex'
    ],
  },
  output: {
    path: path.resolve(__dirname, './dist'),
    publicPath: '/dist/',
    filename: '[name].js',
    library: 'Mapboard'
  }