diwang_718的博客

文章目录1、webpack 如何抽离公共代码和第三方代码？webpack 如何实现异步加载js?webpack 如何处理JSX 和vue 文件?module chunk bundle 的区别？webpack 的性能优化 1、webpack 如何抽离公共代码和第三方代码？ 为什么要抽离公共代码和第三方代码？ 因为当多个组件引入同一个组件的时候，打包的时候都会再次去打包引入的那个组件，这就造成了浪费。同理，当多个组件引入第三方代码，那每次打包有多少个页面引入第三方过就会打包多少次，如果是很大的第三方代码就会造

1、基本介绍 webpack 已是前端打包构建的不二选择 关于webpack5 对比webpack4，webpack5没有太多使用上的改动 webpack5 主要是内部效率的优化 2、基本配置 拆分配置和merge

运行npm init -y 快速创建项目（安装完之后，会多出一个package.json文件） 在项目的根目录创建一个src源码目录和dist产品目录 在src目录下创建一个index.html,和一个index.js文件 使用cnpm或npm 安装webpack，命令为 cnpm install webpack -g ，还要安装一个webpack-cli ,webpack4.x之后cli就要单独的安装了，命令为： cnpm install webpack-cli -g 安装好之后，要手动创建一个webp.