webpack如何实现requirejs的shim

Question

requirejs在require.config()中设置以下代码后.

shim: {
            'bootstrap': {
                deps: ['jquery', 'css!../../../libs/font-awesome/css/font-awesome.min.css']
            },
            'bootstrapTheme': ['jquery', 'bootstrap'],
            'metisMenu': {
                deps: ['jquery']
            }

在js中require('bootstrap'),requirejs会根据这个配置关系, 优先加载jquery以及font-awesome.min.css. 通过这样的方式可以很方便的管理一个第三方插件的依赖关系.

然后问题来了, webpack有没有类似的功能呢. 它的shim跟requirejs的shim好像不是同一种功能,作用不一样. 我该怎么实现?

Answer 1

可以通过loader来实现
现成的有
https://github.com/webpack/exports-loader
https://github.com/webpack/imports-loader
或者自己写一个