P3 工程化的概念



P4 了解webpack的概念

P5 初始化隔行变色案例





P6 安装和配置webpack


打包生成了dist文件下的main.js,才能在index.html中用import引入

P7 了解mode可选值的应用场景

P8 指定webpack的entry和output

默认情况下webpack处理的文件为src目录下的index.js文件
P9 安装和配置webpack-dev-server这个插件

可按ctrl+s即保存后更新网站内容
P10 介绍webpack-dev-server的工作原理
该插件将更新的js中的内容存入内存中,而内存中打包生成的js代码在根目录下:

P11 安装和配置html-webpack-plugin这个插件