参考一些博客和官网,对webpack的一些资料进行整理,总结了一些关于webpack的系列文章
何为webpack?
webpack 顾名思义,就是用来打包的,为什么要打包文件呢?因为打包之后的文件体积会变小,加载起来更快,而且条理更清楚。
这是一个粗线条的理解,webpack 把一切当成模块,同时具有模块打包的能力。将 css 代码全部加载到<style>
中也的确是出于减少 http 请求,当然这是可以配置的,你也可以使用插件把 css 单独打包出来,因为在性能优化方面并不是绝对的,不能说文件越少越好,也不能说文件越小越好,找到一个中立的,最适合当前项目的点就好。
基础概念
关于webpack的一些概念,参考中文官网
webpack4+ 更新后相对于webpack3 大致做了以下更新(部分):
- Webpack4.0 以后不支持 node4.x 了。
- 官方在 Twitter 上开展了一个 Webpack4 的项目构建性能测试,之后得出的结果是构建时间减少了 60%-98%!
- webpack 的编译和命令操作拆分成两块
webpack
和webpack-cli
- 零配置,webpack4不再强制需要
webpack.config.js
作为打包的入口配置文件了,它默认的入口为’src/index.js’ 和默认出口’dist/main.js’。 - webpack 提供了三种模式
production
生产模式、development
开发模式 和none
我们不指定时,默认使用production
生产模式 - webpack4.x,命名为Legato, [l??gɑ:to?] (连奏地(的),连唱地(的))
- 干掉了 CommonsChunkPlugin这就是被时代淘汰掉的插件啊,其实并不是淘汰,只是聚合到 Webpack 里面了,改成了 optimize.splitChunks
具体更新详情:webpack4.0 更新日志
参考链接:
最新评论
这小生活不错呀
不错,必须顶一下!
看着你还在坚持,很好
看来忙了也没时间更新博客了
NIce。学习了。。。。
网站不错!!!!
简洁实用,好文章!
不错,过来支持一下