搜尋

首頁  >  問答  >  主體

javascript - webpack打包jQuery插件

多頁面中,先用providePlugin 將jQuery暴露到了全域

var providePlugin = new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery',
    'window.jQuery': 'jquery',
    'window.$': 'jquery'
});

在引用jQuery插件時發現不知道該怎麼辦,如果是普通的js插件,直接require進來就行。可是,有些外掛既有js又有css和圖片,如果在每個頁面中使用時都需要引入這麼一套,那就得麻煩死。而且還有問題是,css引入後被style-loader打包到了html中,這樣css中引用的圖片路徑就不正確了,實在是蛋疼的很,有沒有什麼成熟的解決方案?

求各位大佬指點。

黄舟黄舟2789 天前917

全部回覆(2)我來回復

  • 仅有的幸福

    仅有的幸福2017-06-26 10:52:32

    所以這種情況就不適合用webpack,改用gulp把,webpack適合單頁應用

    回覆
    0
  • 给我你的怀抱

    给我你的怀抱2017-06-26 10:52:32

    jQuery的引用方法我之前回答過,這裡直接貼地址:
    /q/10...

    透過修改webpack.base.conf.js裡的配置即可

    回覆
    0
  • 取消回覆