搜索

首页  >  问答  >  正文

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中引用的图片路径就不正确了,实在是蛋疼的很,有没有什么成熟的解决方案?

求各位大佬指点。

黄舟黄舟2713 天前836

全部回复(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
  • 取消回复