webpack
文章平均质量分 87
夜码狂农
这个作者很懒,什么都没留下…
展开
-
webpack4.x下性能优化:利用dll(动态链接库)优化打包速度、缩小打包文件体积
你会webpack性能优化吗即便我们已经学会了webpack的基本配置,这并不代表我们使用webpack搭建的项目没有优化的空间,事实上,优化webpack项目是一门很深的学问。另一方面是,我们不必因为感到webpack本身很难,就不再对webpack项目考虑优化问题,而将之束之高阁,任何人都可以对webpack项目的一些常见方面进行优化,这似乎是比较简单和容易的。现在,本文将要讨论是一个比较...原创 2020-03-29 18:13:35 · 2499 阅读 · 2 评论 -
webpack4.x开发环境配置
写这篇文章的初衷在于,虽然网络上关于webpack的教程不少,但是大多已经过时,由于webpack版本更新后许多操作变化很大,很多教程的经验已经不适合。当我们使用npm安装webpack时,若不指定webpack的版本,将默认安装最新版,笔者测试时默认安装的是4.1.1,并不能照搬老教程的方法。为此,笔者进行了最新版配置的探索,使用的是windows操作系统,如果你的是webpack4.x版本,可...原创 2019-10-13 14:00:46 · 38375 阅读 · 59 评论 -
webpack4.x下babel的安装、配置及使用
前言 目前,ES6(ES2015)这样的语法已经得到很大规模的应用,它具有更加简洁、功能更加强大的特点,实际项目中很可能会使用采用了ES6语法的模块,但浏览器对于ES6语法的支持并不完善。为了实现兼容,就需要使用转换工具对ES6语法转换为ES5语法,babel就是最常用的一个工具。那么在webpack中如何使用babel呢?这是本篇文章要探讨的问题。 写这篇文章的目的还在于最新webp...原创 2019-10-13 14:01:10 · 20685 阅读 · 7 评论 -
webpack插件解析:HtmlWebpackPlugin是干什么的以及如何使用它
HtmlWebpackPlugin是一个出现频率比较高的webpack插件,本文对其作用和配置作一番比较详细的分析。为何使用它简单来说,HtmlWebpackPlugin是用于生成html文件。我们的疑问可能在于,webpack本身不能生成html文件吗?事实上,默认的webpack主要是用于处理js文件的依赖图构建和打包,当需要生成html文件时,便需要使HtmlWebpackPlugin插...原创 2019-06-23 13:44:14 · 6403 阅读 · 1 评论