陌上人如玉
公子世无双

webpack4系列文章-(1)webpack初识

参考一些博客和官网,对webpack的一些资料进行整理,总结了一些关于webpack的系列文章

何为webpack?

webpack 顾名思义,就是用来打包的,为什么要打包文件呢?因为打包之后的文件体积会变小,加载起来更快,而且条理更清楚。

这是一个粗线条的理解,webpack 把一切当成模块,同时具有模块打包的能力。将 css 代码全部加载到<style>中也的确是出于减少 http 请求,当然这是可以配置的,你也可以使用插件把 css 单独打包出来,因为在性能优化方面并不是绝对的,不能说文件越少越好,也不能说文件越小越好,找到一个中立的,最适合当前项目的点就好。

基础概念

关于webpack的一些概念,参考中文官网

 

webpack4+ 更新后相对于webpack3 大致做了以下更新(部分):

  • Webpack4.0 以后不支持 node4.x 了。
  • 官方在 Twitter 上开展了一个 Webpack4 的项目构建性能测试,之后得出的结果是构建时间减少了 60%-98%!
  • webpack 的编译和命令操作拆分成两块 webpackwebpack-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 更新日志

 

参考链接:

Webpack 4.5:从入门到放弃

马新想个人网站

 

赞(0) 打赏
未经允许不得转载:陌上寒 » webpack4系列文章-(1)webpack初识

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

微信扫一扫

支付宝扫一扫