webpack
8篇文章 · 0订阅
  • 【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
    所有人都知道 Webpack 很复杂，但 Webpack 的源码却很优雅，是一个典型的可插拔架构，不仅逻辑清晰，而且灵活好扩展。近几年出来的一些构建工具，大多也都参考了 Webpack 的这种架构方式
    前端 架构 JavaScript
    【中级/高级前端】为什么我建议你一定要读一读 Tapable 源码？
  • 「译」JS新特性“可选链式调用”
    在JavaScript中长的链式调用可能容易出错，因为任何一步都可能出现null或undefined（也被称为“无效”值）。检查每个步骤的属性是否存在很容易变成深层次嵌套的if声明或者复制属性访问链的长的if条件： 我们并不想写出这样的代码，所以有一些代替方案是可取的。一些语言…
    JavaScript
    「译」JS新特性“可选链式调用”
  • 2018 年了，你还是只会 npm install 吗？
    nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…
    Node.js NPM Webpack
    2018 年了，你还是只会 npm install 吗？
  • 深入Webpack-编写Loader
    Loader 就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。 可以看出以上的处理过程需要有顺序的链式执行，先 sass-loader 再 css-loader 再 style-loader。 由上面的例子可以看出：一个 Load…
    Webpack CSS NPM
  • 脑阔疼的webpack按需加载
    随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…
    JavaScript Webpack React.js
  • TypeScript+Webpack+React组件库开发采坑实记
    本文为配置TypeScript+Webpack+React，开发UI组件库时遇到的坑以及相对应的解决方案记录，适合相关同学进行查阅解决问题。 此三类配置和选择会同时导致某一类问题，因此这三类不作为分类标准，仅作为读者思考的方向，我们下面会根据具体的问题和错误以及对应的解决方案来…
    Webpack React.js TypeScript
  • React中型项目的优化实践
    整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…
    React.js Webpack JavaScript
    React中型项目的优化实践
  • webpack 从入门到工程实践
    本文的初衷是和你一起理清webpack的使用逻辑，以便能更加容易的编写及拓展自己项目所需的配置文件。不过也得提前说明本文可能并不是一篇好的可以跟着操作的教程（想跟着一步步做的童鞋可以看官方示例（https://webpack.js.org/guides/）和 webpack 入门，看这篇就够了（http://www.jianshu.com/p/42e11515c10f）。
    Webpack JavaScript HTTPS
    webpack 从入门到工程实践