摘要：
安装插件 配置 头部引入插件 在 模块引入 运行打包命令 阅读全文
摘要：
当我们修改带hash的文件并进行打包时，每打包一次就会生成一个新的文件，而旧的文件并没有删除。为了解决这种情况，我们可以使用 在打包之前将文件先清除，之后再打包出最新的文件 下载插件依赖 配置 头部引入插件 在 模块引入 运行打包命令 阅读全文
摘要：
所需插件 本教程基于已经搭建好的webpack环境，详见 " Webpack 4 学习01（基础配置）" 了解 HtmlWebpackPlugin会自动为你生成一个HTML文件，根据指定的index.html模板生成对应的 html 文件。 安装依赖 配置 文件 在头部定义常量，引入插件 在 模块引 阅读全文
摘要：
压缩css,去除注释 安装插件 配置 头部引入插件 const OptimizeCssAssetsPlugin = require("optimize css assets webpack plugin") ` | 参数 | 意义 | | | | | assetNameRegExp | 正则表达式， 阅读全文
摘要：
前面讲过 将css文件引入到js文件中，然后一起打包成js文件，现在我们学习单独提取分离css并且打包。 安装插件 配置 引入插件 rules 设置 plugins 设置 截图 运行命令打包 阅读全文
摘要：
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。为了实现兼容，就需要使用转换工具对ES6语法转换为ES5语法，babel就是最常用的一个工具 babel转化语法所需依 阅读全文
摘要：
webpack 自身只理解 JavaScript， 想让 webpack 能够去处理那些非 JavaScript 文件，我们将使用到 loader 可以将所有类型的文件转换为 webpack 能够处理的有效模块，然后你就可以利用 webpack 的打包能力，对它们进行处理。 安装loader 配置l 阅读全文
摘要：
前提： " Webpack 4 学习01（基础配置）" "Webpack 4 学习02（通过配置文件打包）" 一、了解 webpack dev server 用来配置本地服务器 为 打包生成的文件提供web服务 自动刷新和热替换（HMR） 二、安装webpack dev server 三、 配置 阅读全文
摘要：
一、单出口形式 运行 生成唯一的打包文件 二、多出口形式 文件结构 运行 生成两个打包文件 阅读全文
摘要：
上一讲中我们打包没有用到 配置文件，webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用，更好地学习webpack。 "上一讲 Webpack 4 学习01（基础配置）" 根目录下新建一个 文件 （记载配置信息） 配置文件 | 字段 | 意义 | | | | | entry | 入口 阅读全文
摘要：
一、安装配置 【 前提 】安装 环境 【官网下载】https://nodejs.org/zh cn/ 安装教程不赘述 创建项目文件夹 例如创建如下文件夹 创建配置项 生成一个 文件 如下图 全局安装 （不推荐，进行下一步操作） 局部安装 (推荐) 另外， 要求安装包 一起安装 以下表示安装成功 创建 阅读全文