随笔分类 -  Webpack

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