Javascript 使用webpack捆绑多个模块使用的外部文件
我正在构建将安装在项目中的模块。它们具有相似的依赖关系,这导致使用webpack在捆绑包中多次打包依赖关系。所以我把依赖项作为外部的 例如:Javascript 使用webpack捆绑多个模块使用的外部文件,javascript,npm,webpack,Javascript,Npm,Webpack,我正在构建将安装在项目中的模块。它们具有相似的依赖关系,这导致使用webpack在捆绑包中多次打包依赖关系。所以我把依赖项作为外部的 例如: external: { 'react':'react', 'react-dom':'react-dom' } 但现在我正在努力找到一种方法,将依赖项捆绑到一个可与模块一起使用的通用js文件中。在您的网页包中使用此格式进行外部配置: // Exclude React from the bundle, must be react and re
external: {
'react':'react',
'react-dom':'react-dom'
}
但现在我正在努力找到一种方法,将依赖项捆绑到一个可与模块一起使用的通用js文件中。在您的网页包中使用此格式进行外部配置:
// Exclude React from the bundle, must be react and react-dom here otherwise will not be excluded
externals: {
react: {
root: 'React',
commonjs2: 'react',
commonjs: 'react',
amd: 'react',
umd: 'react',
},
'react-dom': {
root: 'ReactDOM',
commonjs2: 'react-dom',
commonjs: 'react-dom',
amd: 'react-dom',
umd: 'react-dom',
},
},
您可以在主(顶部)应用程序中包含并使用所有外部库
不确定这是否是你的情况。了解更多信息可能会更好。在您的网页中使用此格式进行外部配置:
// Exclude React from the bundle, must be react and react-dom here otherwise will not be excluded
externals: {
react: {
root: 'React',
commonjs2: 'react',
commonjs: 'react',
amd: 'react',
umd: 'react',
},
'react-dom': {
root: 'ReactDOM',
commonjs2: 'react-dom',
commonjs: 'react-dom',
amd: 'react-dom',
umd: 'react-dom',
},
},
您可以在主(顶部)应用程序中包含并使用所有外部库
不确定这是否是你的情况。了解更多可能会更好。我可以使用我提到的配置将模块设置为外部模块。但问题是我想把所有的外部文件捆绑到一个文件中,我该怎么做呢?像将react和react dom作为另一个文件捆绑在一起,这样在呈现前端时它可以作为外部文件读取一样,我可以使用我提到的配置将模块设置为外部模块。但问题是我想把所有的外部文件捆绑到一个文件中,我该怎么做呢?类似于将react和react dom作为另一个捆绑在一起的文件,以便在呈现前端时可以将其作为外部文件读取