初探webpack-深入浅出四

学习webpack，三天时间记录四个文档。一次性更新~没有完整的流程，有时间给补上吧!

使用第三方库

直接npm下载，让后引入

• 使用es6 import 语法引入使用。

PovidePlugin

• 在plugins内使用以下代码

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

区别

• es6语法引入后，无论在代码中使用JQuery，打包后会把JQuery打包进去。
• 使用PovidePlugin配置后，代码内没有使用JQuer的话，打包后不会把JQuery进行打包。

分离JS

optimization.split

    
        module.exports = {
            optimization: {
                splitChunks: {
                    cacheGroups: {
                        vendor: {
                            chunks: 'initial',
                            name: 'jquery', // 入口文件
                            enforce: true
                        }
                    }
                }
            }
        }