webpack
8篇文章 · 0订阅
  • 脑壳疼的Webpack-tapable
    Q1:tapable解决的问题？tapable是个独立的库webpack中大量使用了这个库tapable主要是用来处理事件，解决的问题有点类似EventEmitter，不过功能更加强大Q2:tapab
    Webpack
  • 轻松理解webpack热更新原理
    一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…
    Webpack 前端
    轻松理解webpack热更新原理
  • 【译】使用 Webpack 和 Poi 构建更好的 JavaScript 应用
    Webpack 是一个将你所有的 JavaScript 文件，图片、字库以及 CSS 等打包到一个依赖关系图的构建工具。这使得你可以在源码中使用 require() 来引用本地文件并且决定在最终的 JavaScript 包中如何处理这些本地文件代码。 Poi 是一个零配置的基于…
    React.js Vue.js JavaScript
  • 浅入浅出webpack
    准备了挺久，一直想要好好深入了解一下Webpack，之前一直嫌弃Webpack麻烦，偏向于Parcel这种零配置的模块打包工具一些，但是实际上还是Webpack比较靠谱，并且Webpack功能更加强大。由于上一次学习Webpack的时候并没有了解过Node.js，所以很多时候真…
    Node.js JavaScript Webpack
    浅入浅出webpack
  • 脑阔疼的webpack按需加载
    随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…
    JavaScript Webpack React.js
  • 辛辛苦苦学会的 webpack dll 配置，可能已经过时了
    如果大家看过一些 webpack4 优化的文章，一定会出现 dll 动态链接库。它以配置之复杂让众多初学者记忆犹新。今天我会以一个学习者的角度去一步一步探讨 webpack dll 的配置，最后得出一
    Webpack 前端
    辛辛苦苦学会的 webpack dll 配置，可能已经过时了
  • 从零配置webpack 4+react脚手架（三）
    这一节我们将在脚手架中引入CSS，SASS，LESS，并且实现代码压缩，以及PostCSS的使用。 wbpack只能编译js文件，css文件是无法被识别并编译的，我们需要loader加载器来进行预处理。 遇到后缀为.css的文件，webpack先用css-loader加载器去解…
    Webpack
  • webpack 之 loader 和 plugin 简介
    作者介绍：赵鹏，美团点评点餐团队成员 webpack是一个模块打包器（module bundler），提供了一个核心，核心提供了很多开箱即用的功能，同时它可以用loader和plugin来扩展。webpack本身结构精巧，基于tapable的插件架构，扩展性强，众多的loade…
    Webpack