Verwenden Sie auf mehreren Seiten zunächst das ProvidePlugin, um jQuery der Welt zugänglich zu machen
var providePlugin = new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery'
});
Ich weiß nicht, was ich tun soll, wenn ich auf das jQuery-Plug-in verweise. Wenn es sich um ein gewöhnliches js-Plug-in handelt, benötigen Sie es einfach. Einige Plug-Ins enthalten jedoch sowohl JS, CSS als auch Bilder. Wenn Sie einen solchen Satz auf jeder Seite verwenden müssen, ist dies sehr mühsam. Ein weiteres Problem besteht darin, dass das CSS nach der Einführung vom Style-Loader in HTML gepackt wird, sodass der im CSS referenzierte Bildpfad falsch ist. Gibt es eine ausgereifte Lösung?
Bitte geben Sie mir einen Rat.
所以这种情况就不适合用
webpack
,改用gulp
把,webpack
适合单页面应用jQuery的引用方法我之前回答过,这里直接贴地址吧:
/q/10...
通过修改
webpack.base.conf.js
里的配置即可