Webpack4

一、webpack

官网：webpack

1.1、webpack是什么

webpack是一种前端资源构建工具，一个静态模块打包器.在webpack看来，前端的所有资源文件(js/json/css/image/less/sass...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源。webpack可以解决当前web开发中所面临的困境，webpack提供了：

• 友好的模块化支持
• 代码压缩混淆
• 处理js/css兼容问题
• 性能优化（模块删减）

 注：webpack默认只能针对于js来进行打包处理

目前绝大多数企业中的前端项目，都是基于webpack进行打包构建的(vue/react)。

 从 v4.0.0 开始，webpack 可以不用再引入一个配置文件来打包项目，然而，它仍然有着高度可配置性，可以很好满足你的需求。

默认配置文件:  webpack.config.js  或  webpackfile.js

图片处理

按大小是否转为base64字符串还是网络请求

 

 静态资源

 

 

 js兼容处理

---

通过Webpack搭建React

安装解析react的相关babel和插件

npm i -D babel-loader @babel/core @babel/preset-env @babel/preset-react@7

npm i -S react react-dom