Javascript 正在加载Web包,但未执行代码
我正在使用django加载网页块,我有一些入口点。问题在于,我有一个供应商区块,它包装了所有的node_模块包,并且应用程序在几乎所有的入口点都可以正常工作。但是有几个入口点不需要加载vendor块,如果我没有添加vendor块,入口点文件将加载到浏览器中,但代码不会执行。如果我加载带有入口点的供应商区块,就可以了 例如,我有一个入口点:Javascript 正在加载Web包,但未执行代码,javascript,webpack,vendor,webpack-5,Javascript,Webpack,Vendor,Webpack 5,我正在使用django加载网页块,我有一些入口点。问题在于,我有一个供应商区块,它包装了所有的node_模块包,并且应用程序在几乎所有的入口点都可以正常工作。但是有几个入口点不需要加载vendor块,如果我没有添加vendor块,入口点文件将加载到浏览器中,但代码不会执行。如果我加载带有入口点的供应商区块,就可以了 例如,我有一个入口点: entry: { signup: path.join(sourcePath, 'signup/signup.js'), ... } 注册的内容基本上
entry: {
signup: path.join(sourcePath, 'signup/signup.js'),
...
}
注册的内容基本上是一个console.log(),它需要一个样式表
入口点像这样加载到模板中
<head>
{% render_bundle 'signup' 'css' %}
{% render_bundle 'signup' 'js' %}
</head>
<body>
....
</body>
当我在浏览器中加载页面时,它没有加载样式,也没有在入口点块内执行console.log,但我可以看到注册块代码
此外,我已经做了一些测试,我意识到如果我也在模板中加载区块供应商,效果会很好,如下所示:
config.optimization = {
splitChunks: {
cacheGroups: {
commons: {
test: /[\\/]node_modules[\\/]/,
name: 'vendor',
chunks: 'initial',
}
}
}
};
<head>
{% render_bundle 'signup' 'css' %}
{% render_bundle 'signup' 'js' %}
{% render_bundle 'vendor' 'js %}
</head>
<body>
....
</body>
{%render_bundle'注册''css%}
{%render_bundle'注册''%js%}
{%render_bundle'供应商''js%}
....
有人知道为什么会这样吗?我不需要此模板中的供应商捆绑包,但webpack迫使我添加它
我正在使用Webpack5.18.0
谢谢你的帮助