随笔分类 - Webpack
Webpack从入门到精通
摘要:Demo4操作手册 本Demo演示如何进行分块打包等较高级的使用 准备环境 初始化环境, cd到demo1目录之后, 执行如下命令: 新建tsconfig.json, 内容如下: 添加npm命令到package: ‘webpack dev server open’. L7 require.ensur
阅读全文
摘要:Demo3操作手册 本Demo演示如何配合各种plugin进行偏复杂的使用 准备环境 初始化环境, cd到demo1目录之后, 执行如下命令: 继续使用上一个level的目录机构以及环境: 新建tsconfig.json, 内容如下: L4 UglifyjsWebpackPlugin 顾名思义, 该
阅读全文
摘要:Demo2操作手册 本Demo演示如何配合各种loader进行稍复杂的使用 准备环境 初始化环境, cd到demo目录之后, 执行如下命令: L2 Typescript Typescript作为JavaScript的超集收到越来越多的开发者的欢迎. Webpack要打包Typescript需要安装:
阅读全文
摘要:Demo1操作手册 本Demo演示进行简单配置的基本使用 准备环境 初始化环境, cd到demo目录之后, 执行如下命令: L0 实际上在大多开发中默认配置肯定是不够用的, 下面演示webpack的配置. 新建src目录, 在里面创建index1.js, 内容如下: 这个时候如果直接运行打包命令会报
阅读全文
摘要:Demo0操作手册 本Demo演示不使用配置文件的入门级使用 准备环境 初始化环境, cd到demo目录之后, 执行如下命令: Demo 新建src目录, 在里面创建index.js, 内容如下: 接下来我们使用wepack对该文件进行打包: 打包完之后, 可以看到根目录下多出了一个dist目录,
阅读全文