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