webpack 配置全局 jQuery 对象

Posted 2021-01-25 前端精髓

将 lodash 添加到当前模块的上下文中

import _ from ‘lodash‘

但是你想每个模块都引入的话就特别麻烦，这里有插件可以帮助到您，只需在 webpack.config.js 中配置下面代码（这个插件是webpack自带的，无需安装）

new webpack.ProvidePlugin({
      _: ‘lodash‘
})

 

如果你有一个第三方插件，依赖全局对象下的属性，例如 jqueryui 它会依赖 window.jQuery，这个时候我们需要用到一个插件 expose-loader 

require("expose-loader?jQuery!jquery");

上面是通过在入口文件中配置（一般是 index.js 文件），或者你可以在 webpack.config.js 中配置下面的代码

{ 
    test: require.resolve("jquery"), 
    loader: "expose-loader?jQuery"
}