webpack基础--- 处理第三方js库

场景: 使用cdn 和本地文件
使用 webpack.providePlugin imports-loader

当第三方JS库是在自己定义的文件夹中, 要用resolve配置一下别名

使用插件:

resolve:{
    alias:{
        jquery$:path.resolve(__dirname,'src/libs/jquery.min.js')
    }
}
plugins:[
    new webpack.providePlugin({
        $ : 'jquery',
    })
]

使用imports-loader

{
    test:path.resolve(__dirname,'src/app.js),
    use:[
        {
            loader:'imports-loader',
            options:{
                $ : 'jquery'
           }
    }   
   ]
}