weixin_45345105的博客

dataUrl

Webpack Dev Server 代理 API我们的开发项目一般运行localhost：8080 但后端的接口部署在同源地址下，生产环境没问题，但是本地就不行了不是任何情况后端都支持跨域proxy是一个对象，每个属性都是代理规则上面的changeOrigin，可以看看http此时就被代理到了 git的用户接口了 devServer: { contentBase:'./public', proxy: { '/api': {

主要记录一下加载的过程markdown-loader,可以在代码中直接导入md文件，一般md文件被解析为html文件后呈现页面上，开始重点：这里yarn webpack后 找到入口文件main.js 根据import的导入，根据rules中配置的/md$/ 加载到md文件 然后进行自定义处理，这个时候在控制台上打印的文件输入源处理好后返回；注意这里报了错了因为loader管道需要最终返回js的代码修改前修改后改成这个打包就不会报错了找到这些过后，接着开发，先安装

其他打包工具

Source Map（源代码地图） 介绍运行阶段很难定位问题核心属性 mapping转换后的字符和转换前的映射关系反编译，在源文件最后添加打开浏览器后，如果发现有这个行就会自动请求这个source文件，然后逆向解析此时这个 jqurey.min.js就是源码了...

模块打包工具的由来ESM存在兼容问题（主流浏览器解决了）模块打包工具概要可以通过webpack把零散的文件打包到一个js中，通过下面这个进行代码兼容处理（转ES5）可以根据我们意愿进行拆分打包，把想打包到一起的文件组织起来，形成一个程序运行时所需的文件，后面需要的文件，用户点击后再加载，这样就可以渐进式加载，不会导致文件过碎或过大Webpack 快速上手可对前端所以资源进行模块化。yarn webpack 进行打包，会先从src index.js打包Webpack