- 博客(21)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 webpack-dev-server 原理
如果err在所有阶段全部为false，那在结束的时候也会执行callback，也就是对应的onCompiled。也就是说，在compile的任何一个阶段中，一旦出现err为true，就会调用 onCompiled。这一点是比较关键的衔接的地方。
2024-08-27 13:41:12
98
原创 vue+history+iis+webpack 白屏并且提示 Uncaught SyntaxError: Unexpected token
开发环境下不论是使用hash模式，还是history模式，都可以正常使用。但是当产品编译后发布到测试环境、生产环境的时候，就会出现页面空白，或者指向了iis的默认页面。
2024-08-27 13:33:46
379
原创 cypress read ECONNRESET Error: read ECONNRESET at TCP.onStreamRead ... 217:20
当我打印出来cypress的debugger日志后和正常环境的日志一行一行对比，直到上面这个 TCP.onStreamRead的这一行，也没有发现什么值得使用的端倪。那还有什么办法呢，在相关的issue和博客中可能少数的几篇文章会提到切换node版本，降低chrome版本到117或者116，或者别的一些办法。（如果重新安装一个干净的系统，不在当前系统的基础上升级的情况下，可能会正常。因为我尝试了在当前环境升级，原来的一些安装文件还在）当走投无路的时候，卸载掉电脑上的不常使用的软件，最后奇迹发生了。
2024-08-23 11:17:20
227
原创 如何重命名require/define/requirejs
如果在vue项目中结合require.js可能会报错，提示define的mismatch
2024-08-23 10:58:35
47
原创 一文深入理解webpack实现原理，不再对编译报错无所适从
webpack中的Loader从加载、编译、输出全流程过程，了解原理的实现方式和对于webpack-source、load-runner、acorn等的结合使用，明确webpack不是孤军奋战
2022-09-07 13:47:08
311
1
原创 vue+history+iis
开发环境下不论是使用hash模式，还是history模式，都可以正常使用。但是当产品编译后发布到测试环境、生产环境的时候，就会出现页面空白，或者指向了iis的默认页面
2022-09-06 14:32:56
567
原创 vue中dist文件夹下的编译文件是怎么生成压缩格式的？
在vue项目使用webpack编译后生成的内容是一个没有换行符，并且方法名和变量名都被改变的文件，怎么才能看到改变之前的内容
2022-08-31 13:27:10
507
原创 webpack中的Loader在编译过程中是如何应用的，最终输出的打包内容在什么位置
webpack中钩子的使用起到了非常重要的作用，了解钩子，了解load-runner的runLoaders是真正弄懂webpack的必经之路
2022-08-25 23:08:26
212
原创 webpack中关于config中配置的module.rules的loader的加载和传递流程
详细描述在webpack中对于webpack.config.js中的module.rules的每一个Loader的加载和传递细节
2022-08-17 23:52:25
1440
原创 webpack编译过程中的重要“桥梁”-tapable
通过对tapable的理解，以此为基础掌握tapable的使用方法，为webpack在构造过程中的钩子的应用奠定基础
2022-08-16 13:45:28
183
原创 手把手说明webpack编译原理理解之前的基础环境配置教程
相对高级别需求的程序员来说可能是不可或缺的技能，因为当市场上已有的Loader和Plugin不能满足要求的时候，就需要基于原理的前提条件下自定义Loader和Plugin，否则会有一种无从下手的无力感
2022-08-13 00:33:59
136
原创 webpack中如何处理Loader加载器的规则
webpack从启动到编译到输出，整个串行的流程中，编译过程的关键部分就是对于Loader规则的处理，Loader的build
2022-08-11 19:06:40
131
原创 细说webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的一二三
在vue-cli的脚手架创建后开发环境调试下webpack-dev-server是如何读取webpack.dev.conf.js中的内容的
2022-08-10 23:14:09
1309
原创 深耕webpack中的Loader加载器、rules、plugins的前奏
借用Linux内核发明人Linus Benedict Torvalds 的依据经典名言：RTFSC (Read The F**king Source Code)。如果想要了解webpack的原理，那可能除了直接调试源码之外，没有比这更好的办法了
2022-08-10 19:00:07
650
原创 假如面试官问你在终端执行 npm run build 之后webpack做了写什么？
全栈或者前端工程师如果理解了npm run build 后 webpack 的发生的细节，不仅在面试中会被加分，在工作中也会对编译过程有更清晰的认识，便于定位问题
2022-08-09 13:53:11
691
原创 npm run 是什么？为什么使用npm run 这一命令，就能够将 webpack 跑起来并进行下一步的操作？
npm run 实际上是衔接 node 和 webpack 的连接点，通过 npm 对于 package.json 的拆分 和 dev 下的 webpack-dev-server 连接起来
2022-08-09 13:47:59
9584
1
原创 npm run dev 后 webpack-dev-server 做了哪些事情
在终端执行npm run dev，windows上调用的是 node_modules下的 .bin 文件夹下的 npm.cmd 的批处理命令，它调用 webpack-dev-server 后的操作深入理解会帮助正确认识webpack
2022-08-09 13:44:21
381
原创 关于CommonJS，聊一聊你可能不知道的内容
CommonJS在更名之前是ServerJS，它是由Mozilla的工程师Kevin Dangoor在2009年1月发起的一个项目。而在浏览器端对于JavaScript的开发，由于浏览器不支持CommonJS，在浏览器中直接使用require调用的情况下，会提示require is undefined。将一个复杂的文件有针对性的拆分几个文件，拆开以后模块的内部是私有的，但是要向外暴露接口和其他的模块进行交互。CommonJS在Node.js中的应用，就是当前非常重要，并且被广泛应用的一种服务器端的实现。..
2022-08-09 13:32:18
304
SASS使用说明-中文-20230626
2023-06-26
基于webpack-不使用任何脚手架-创建纯粹的webpack项目-源码
2022-08-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人