webpack
5篇文章 · 0订阅
  • webpack学习之路（一）基础配置
    webpack是个模块打包机，无论什么资源都会被打包成模块，模块之间是有引用关系的，所以会构建一个关系依赖图，那么我们需要一个入口文件，从这个入口开始一步一步查找依赖关系，加载模块。 filename 用于输出文件的文件名。 目标输出目录 path 的绝对路径。 mode是we…
    Webpack
  • webpack学习之路（六）hash/chunkHash/contentHash
    webpack的指纹策略是实现前端增量更新的方案之一。通过给文件加上hash后缀，从而最大程度上使用缓存 根据描述，我们已经可以大概区分用法，chunkHash可以用于js打包，contentHash可以用到css文件打包。我们实践一下。 可以发现，两个文件的hash值都改变。…
    Webpack
  • webpack学习之路（五）loader初识及常用loader介绍
    我们知道webpack本身只能解析js文件，但是我们的项目中肯定会有html,css,图片等其他文件类型，这个时候我们就需要loader帮我们把这些文件转化成webpack能够处理的有效模块。 loader本身就是一个函数，接收源代码为入参，输出编译过之后代码。 limit就是…
    Webpack
  • webpack学习之路（三）webpack-dev-middleware
    上一节，学习到通过webpack-dev-server搭配HotModuleReplacementPlugin插件可以实现不刷新页面的模块热更新。 就是webpack-dev-middleware。 可以看到重新编译了，这时候我们手动刷新下页面，即可看到修改。 以上就是webp…
    Webpack
  • webpack学习之路（二）webpack-dev-server实现热更新
    上一章对webpack的配置有了简单的认识。 这一章，我需要学习的是webpack热更新，因为在开发过程中，不希望当文件更改时，人肉去编译文件，刷新浏览器。 实际操作一下。 这确实是热更新，但是这种是每一次修改会重新刷新整个页面，大家可以打开控制台查看。 显然这还是不满足不我们…
    Webpack