Я пытаюсь создать веб-пакет 4, разделить куски моего поставщика.
, но так как проект является чистым javascript, а не проектом рендеринга,
я не могу использовать HtmlWebpackPlugin для внедрения в html все<script type="text/javascript" src="/lib/vendorA.js"> ... <script type="text/javascript" src="/lib/vendorN.js">
Моя цель - создать созданный в веб-пакете файл index.js
, который будет динамически загружать / импортировать файлы этого поставщика
webpack.config.js
index: [paths.entry]
},
output: {
pathinfo: false,
path: paths.dist,
filename: '[name].js',
publicPath: '/lib/',
library: 'XXX',
libraryTarget: 'umd'
},
...
removeAvailableModules: false,
removeEmptyChunks: false,
runtimeChunk: 'single',
splitChunks:
{
chunks: 'all',
maxInitialRequests: Infinity,
minSize: 0,
cacheGroups: {
default: false,
vendors: false,
vendor: {
chunks: 'all',
test: /[\\/]node_modules[\\/]/,
name(module) {
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]
return `npm.${packageName.replace('@', '')}`
}
}
}
},```