weboack
3篇文章 · 0订阅
  • 绝了，没想到一个 source map 居然涉及到那么多知识盲区
    Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。
    前端 JavaScript
  • 深入理解webpack如何解析代码路径
    直接引入模块名，会查找当前文件目录，父级目录直至根目录下的 node_modules(默认) 文件夹，看是否有对应名称的模块。 了解上述的路径形式和最终的解析规则后，根据我的一些标识，大致上也能够看出webpack路径配置的发挥空间了。 接下来将着重对resolve中alias…
    Webpack 前端 JavaScript
  • webpack性能优化(上)
    通常我们的项目会有开发环境和生产环境，而开发环境我们配置的目标是构建更快，模块热替换，能从chrome控制台报错信息对应的源码的错误处(source map)等。生产环境我们更加关注chunk分离，缓存，安全，tree shaking等优化点。 当然对于开发和生产环境的配置文件…
    React.js 前端 Webpack