webpack
江木
前端攻城狮一枚
展开
-
webpack-dev-server和webpack-dev-middleware的区别
webpack-dev-serverwebpack-dev-server实际上相当于启用了一个express的Http服务器+调用webpack-dev-middleware。它的作用主要是用来伺服资源文件。这个Http服务器和client使用了websocket通讯协议,原始文件作出改动后,webpack-dev-server会用webpack实时的编译,再用webpack-dev-midd...原创 2019-01-24 19:32:22 · 1123 阅读 · 0 评论 -
webpack----------require 几种常见用法
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法。本篇就来梳理一下这些require各自的特点。commonjs同步语法经典的commonjs同步语法如下:var a = require('./a...原创 2019-01-25 16:18:53 · 626 阅读 · 0 评论 -
SplitChunksPlugin文档翻译
SplitChunksPlugin文档翻译chunks以及它的内部引入模块本质上是通过webpack对于模块之间的父子关系做的关联。在webpack4以前,我们使用CommonsChunkPlugin插件来避免依赖的重复打包,但是这样很难进行更深一步的优化。从webpack4开始,CommonsChunkPlugin被移除,新增了optimization.splitChunks和optim...翻译 2019-05-09 13:39:41 · 1115 阅读 · 0 评论 -
webpack-----------Tree-shaking
一 什么是 Tree-shakingtree-shaking可以理解为通过工具"摇"我们的JS文件,css文件;将其中用不到的代码"摇"掉,是一个性能优化的范畴。具体来说,在 webpack 项目中,有一个入口文件,相当于一棵树的主干,入口文件有很多依赖的模块,相当于树枝。实际情况中,虽然依赖了某个模块,但其实只使用其中的某些功能。通过 tree-shaking,将没有使用的模块摇掉,这样...原创 2019-05-16 12:21:54 · 704 阅读 · 0 评论 -
webpack-----知识点总结
什么是webpackwebpack是一个打包模块化javascript的工具,在webpack里一切文件皆模块,通过loader转换文件,通过plugin注入钩子,最后输出由多个模块组合成的文件,webpack专注构建模块化项目。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScr...转载 2019-05-16 17:33:37 · 471 阅读 · 0 评论 -
webpack4-------缓存
本文为手摸手使用 webpack4,主要分为两部分:怎么合理的运用浏览器缓存 怎么构建可靠的持久化缓存默认分包策略webpack 4 最大的改动就是废除了CommonsChunkPlugin引入了optimization.splitChunks。webpack 4 的Code Splitting它最大的特点就是配置简单,如果你的mode是production,那么 w...转载 2019-05-18 16:40:52 · 1485 阅读 · 0 评论