webpack-05-全局变量处理

发表于 | 分类于 | 本文总阅读量 次
对全局变量处理，需注意是否可以暴露给window

全局变量处理

以jQuery为例。

expose-loader (能暴露给window)

使用内敛loader

1
2
import $ from 'expose-loader?$!jquery';
console.log(window.$)

使用普通loader

1
2
3
4
{  
    test: require.resolve('jquery'), 
    use: 'expose-loader?$'
}

模块注入（ProvidePlugin，不能暴露给window）

1
2
3
new webpack.ProvidePlugin({  
    $: 'jquery'
})

忽略外部引用模块（ 能暴露给window ）

1
2
3
externals: { 
    'jquery': '$'
},
0%