桃子阿桃

前端为何要进行打包和构建? 代码层面 体积更小 (Tree-shaking, 压缩, 合并) , 加载更快 编译高级语言或语法 (ES6+, 模块化, TS, scss) 兼容性和错误检查 (Polyfill, postcss, eslint) 研发流程层面 统一高效的开发环境 统一的构建流程和产出标准 集成公司构建规范(提测, 上线等) ...

1. babel环境搭建和基本配置 高级语法通过.babelrc文件中的presets下的@babel/preset-env解决,如果用react就是添加@babel/preset-react, plugins属于presets的扩充 2. babel-polyfill是什么 是core-js和regenerator的集合, 在babel7.4之后弃用了, 现在推荐直接使用 core-js和regenerator 什么是polyfill? 根据浏览器做补丁, 比如浏览器是否支持indexOf 什么是cor

基本配置 拆分配置和merge 分别创建webpack.common.js , webpack.dev.js , webpack.prod.js common.js 里, 定义entry, module节点 rules里js的loader, css的loader, less的loader. plugin节点 Htmlwebpackplugin dev.js 里, 定义mode节点为development, module节点 file-loader. plugin节点 webpack.De