laoli360的博客

每次修改代码, 重新打包, 才能看到最新的效果 实际工作中, 打包非常费时 (10-30s) 之间, 影响开发效率 构建入口和所有模块依赖关系图 磁盘读取对应的文件到内存, 才能加载 用对应的 loader 进行处理和翻译 将处理完的内容, 输出到磁盘指定文件内 以后代码变化, 从1重新开始 下载webpack-dev-server, 启动一个开发服务器, 用于快速开发应用程序 下载包 yarn add webpack-dev-server@3.

const fn = () => { // 高级语法 console.log("你好babel"); } console.log(fn) // 一定打印函数, 才会被webpack把"函数体"打包起来 自动生成html文件 学习webpack插件html-webpack-plugin 自动生成html文件 自动引入打包后文件 下载插件 yarn add html-webpack-plugin@5.3.1 -D webpack.config.js配置修改为 const.