webpack
32篇文章 · 0订阅
  • webpack4配置详解之慢嚼细咽
    经常会有群友问起webpack、react、redux、甚至create-react-app配置等等方面的问题，有些是我也不懂的，慢慢从大家的相互交流中，也学到了不少。 ​ 今天就尝试着一起来聊聊Webpack吧，旨在帮大家加深理解、新手更容易上路，都能从0到1搭建配置自定属于…
    Webpack
    webpack4配置详解之慢嚼细咽
  • 【手把手带你配 webpack】第二步, 面试官-谈谈你对模块化的理解
    答: js 的模块化一般来说有 Commonjs AMD(CMD) ESModule 等, Commonjs 使用的同步加载一般用于 node, AMD(CMD) 由于是异步加载所以普遍用在前端. ESModule 旨在实现前后端模块化的统一. 言简意骇, 点到为止. 简直优秀…
    Webpack
  • 搭建webpack简易脚手架
    本文是为下一篇《3分钟搞定 Vue + TypeScript开发》文章做的知识铺垫，文章结尾提供完整的github示例代码库。 已经掌握vue开发的情况下，想体验一下TypeScript开发vue，可以通过以下过程配置一个脚手架。 这是一个使webpack能工作的最小配置。 当…
    Webpack
    搭建webpack简易脚手架
  • webpack打包性能优化之路
    性能优化的路没有穷尽，只有更快。打开页面越快越好，点击响应越快越好。在当今这个以快为主的时代，快才是王道。闲话扯完，说正事！！！ 该优化方案以最近做的一个hybrid webapp为实例演示。 （1）vue-router文件中的router使用懒加载方式。如下图所示 所有现代浏…
    Webpack
  • 脑阔疼的webpack按需加载
    随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFilename的作用就是用来给拆分后的chunk们起名字的配置项。 还是只打包出了一个main.js，毫无变化…
    JavaScript Webpack React.js
  • Webpack 模块打包原理
    ES6前，js没有属于自己的模块规范，所以社区制定了 CommonJS规范。而NodeJS所使用的模块系统就是基于CommonJS规范实现的。 根据当前运行环境的判断，如果是 Node 环境 就是使用 CommonJS 规范， 如果不是就判断是否为 AMD 环境， 最后导出全局…
    前端
  • 基于webpack4.x项目实战1-简单使用
    webpack4支持0配置，默认./src/index.js为入口文件，webpack运行时，会根据mode的值采取不同的默认配置,mode两个可选值：production 和 development。没有传mode，会有一个警告 development和production的…
    Webpack
  • 使用 webpack 构建应用
    entry：工程资源的入口，可以是单个文件，也可以是多个文件，通过每一个资源入口，webpack会一次去寻找它的依赖进行模块打包。我们可以把entry理解为整个依赖树的根，每个入口都将对应一个最终生成的打包结果。 path：打包资源放置的路劲，必须为绝对路径。 filename…
    Webpack
  • 一个合格的Webpack4配置工程师素养：第二部分
    我们给打包的文件打上hash是为了解决缓存更新问题，常见需要打上hash的地方有。 但是打上hash我们怎么引入是一个问题。 html-webpack-plugin插件可以把js/css注入到一个模板文件, 所以不需要再手动更改引用。 设置一个模板文件。 我们会发现每次打包后d…
    Webpack
  • Webpack 将代码打包成什么样子？
    可能你学会了如何使用 Webpack ，也大致知道其工作原理，可是你想过 Webpack 输出的 bundle.js 是什么样子的吗？ 为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？ 下面通过 Webpack 构建一个采用…
    前端 Webpack