![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Jack おう
后端转前端的码农小王---深圳
展开
-
webpack性能优化
dataUrl原创 2020-12-06 12:07:45 · 41 阅读 · 0 评论 -
webpack 设置跨域代理 vue设置代理
Webpack Dev Server 代理 API 我们的开发项目一般运行localhost:8080 但后端的接口部署在同源地址下,生产环境没问题,但是本地就不行了 不是任何情况后端都支持跨域 proxy是一个对象,每个属性都是代理规则 上面的changeOrigin,可以看看http 此时就被代理到了 git的用户接口了 devServer: { contentBase:'./public', proxy: { '/api': {原创 2020-12-05 20:53:04 · 139 阅读 · 0 评论 -
webpack-如何写一个小型插件?
主要记录一下加载的过程 markdown-loader,可以在代码中直接导入md文件,一般md文件被解析为html文件后呈现页面上, 开始 重点: 这里yarn webpack后 找到入口文件main.js 根据import的导入,根据rules中配置的/md$/ 加载到md文件 然后进行自定义处理,这个时候在控制台上打印的文件输入源处理好后返回; 注意这里报了错了 因为loader管道需要最终返回js的代码 修改前 修改后 改成这个打包就不会报错了 找到这些过后,接着开发,先安装原创 2020-12-05 19:01:12 · 132 阅读 · 0 评论 -
其他打包工具 如何使用rollup 和 Parcel
其他打包工具原创 2020-12-02 17:54:06 · 177 阅读 · 0 评论 -
Webpack 学这篇就够了,入门到上线优化
模块打包工具的由来 ESM存在兼容问题(主流浏览器解决了) 模块打包工具概要 可以通过webpack把零散的文件打包到一个js中,通过下面这个进行代码兼容处理(转ES5) 可以根据我们意愿进行拆分打包,把想打包到一起的文件组织起来,形成一个程序运行时所需的文件,后面需要的文件,用户点击后再加载,这样就可以渐进式加载,不会导致文件过碎或过大 Webpack 快速上手 可对前端所以资源进行模块化。 yarn webpack 进行打包,会先从src index.js打包 Webpack原创 2020-11-30 23:26:17 · 358 阅读 · 0 评论 -
什么是 source map source map 使用
Source Map(源代码地图) 介绍 运行阶段很难定位问题 核心属性 mapping 转换后的字符和转换前的映射关系 反编译,在源文件最后添加 打开浏览器后,如果发现有这个行就会自动请求这个source文件,然后逆向解析 此时这个 jqurey.min.js就是源码了 ...原创 2020-12-02 07:49:32 · 338 阅读 · 0 评论