webpack如何全局加载第三方插件,类似jQuery?

rayliao
  • 3.1k

习惯了requirejs,一下不知道webpack要怎么写,requirejs只需要配好jQuery的路径,然后define一个模块的时候加上依赖就可以了。

但是webpack直接require('./jquery'),似乎不能直接使用,为什么,webpack同时兼容CommonJsAmd的写法,jQuery也是支持CommonJs的。

回复
阅读 23.8k
4 个回答

webpack是直接从npm的安装包里读的。

你npm install jquery,然后直接就require('jquery'),这样就引入了。

可以使用webpack官方的ProvidePlugin:

module.exports = {
    resolve: {
        root: [],
        alias: {
            'jquery': path.resolve(rootDir, './lib/jquery.min.js'); 
        }
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery'
        }),
    ]
};

这个插件将jquery暴露给所有模块,其它模块不用再显式require('jquery')了;只要模块的代码中出现了$,webpack就会自动将jQuery注入。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏