webpack
6篇文章 · 0订阅
  • 2020年了,再不会webpack敲得代码就不香了(近万字实战)
    2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…
    JavaScript
    2020年了,再不会webpack敲得代码就不香了(近万字实战)
  • 给自己搭个脚手架
    想做个测试或者某个东西的demo，需要新建一个项目。如果从 0 开始，要配置一大堆东西，耗时长；如果直接用现在流行的一些脚手架，如vue-cli等，黑箱操作，你需要阅读文档，也很难全局看清里面到底有哪些内容... 在某个项目里，新建一个组件，其实有些固定的文件都要建，如xxx.…
    JavaScript
    给自己搭个脚手架
  • 前端工程化 - 剖析npm的包管理机制
    现如今，前端开发的同学已经离不开 npm 这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。 本文从三个角度：pac…
    前端 NPM
  • 五种可视化方案分析 webpack 打包性能瓶颈
    在上两章节中我们已经介绍过了 JavaScript 打包机制 以及 webpack 所有的内置配置，但当项目业务功能达到一定规模时，默认的配置已经不足以满足开发、用户的期望，我们就需要对 webpack 配置进行优化。 如何知道具体该如何优化喃，最直观的方式是分析它的输出文件，…
    前端
  • webpack（1）之基本配置
    webpack是一个模块打包机，它会从指定入口文件开始，递归的寻找JavaScript模块以及其他一些浏览器无法直接运行的扩展语言（Sass， TypeScript）等，将其打包成合适的格式以供浏览器使用。 它的作用有代码转换（利用各种loader将浏览器无法识别的语言转换成合…
    Webpack
  • webpack 中那些最易混淆的 5 个知识点
    今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习
    Webpack 面试
    webpack 中那些最易混淆的 5 个知识点