___2

tree shaking 什么是tree shaking tree shaking是一个计算机术语，表示消除死代码（dead_code） 最早的想法起源于LISP，用于消除...

认识DLL、Terser、CssMinimizerPlugin、ScopeHoisting以及对应配置流程...

什么是CDN CDN称之为内容分发网络 它是指通过相互连接的网络系统，利用最靠近用户的服务器 更快，更可靠的将音乐、图片、视频、应用程序及其他文件发送给用户 来提高性能、可...

hash contentHash chunkHash 文件hash：一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内...

配置文件分离和判断开发环境 根补录创建config文件夹，创建三个文件webpack.common.js,webpack.dev.js,webpack.prod.js pa...

output的plubicPath（该属性是指定index.html文件打包引用的一个基本路径） 它的默认值是一个空字符串，所以我们打包后引入的js文件路径是 bundle...

我们目前这种webpack的开发模式是存在问题的 问题一：每次修改完源代码之后，我们都需要重新进行npm run build才行 通过watch监听源代码的改变（这种方式开...

Babel是什么 在开发中，我们很少直接去接触babel，但是babel对于前端开发而言是不可缺少的一部分 例如ES6+转换为ES5的代码，语法转换，源代码转换，polyf...

source-map 我们通常运行在浏览器地代码，都是通过打包压缩的，这样就会导致线上代码和我们本地代码转换后不一致。报错信息不方便排查等。然后我们就可以使用source-...

plugin plugin可以用于执行更加广泛的任务,比如打包优化,资源管理,环境变量注入等 CleanWebpackPlugin CleanWebpackPlugin用于...

在webpack5之前,加载一些资源我们需要使用一些loader,比如row-loader、url-loader、file-loader; 在webpack5之后，我们开始...

入口 入口是指定webpack使用哪个模块(js文件),来作为构建其内部依赖图的开始,进入入口之后,webpack会找到有哪些模块和库是入口文件直接或间接依赖的 创建web...

webpack是什么 webpack是一个静态的模块化打包工具,为现代的javascript应用程序 打包bundler:webpack可以帮助我们打包,所以他是一个打包工...

1：命令行系统创建Nuxt.js项目 npx create-nuxt-app <项目名称> Nuxt.js项目项目设置 1.项目名称 2.编程语言 3.选择包管理器 4.选...