webpack 从入门到工程实践

webpack 也许可以算作是目前前端开发离不开的工具了。参与本话题,我们可以花最短的时间理解,掌握,并依据自己的工程需求拓展使用这款工具(基于最新版3.5.4)。本话题将包含以下内容:

  1. 从 0 构建属于自己的 webpack 基础配置文件,此部分你将理解 webpack 涉及到的常用概念,明白 webpack 的使用规则。
  2. 对 webpack 的常用 loader,Plugins 做系统的分类阐述,此部分将帮你知晓 webpack 能做什么,不能做什么。
  3. 分享一个依据 webpack 官方文档制作的思维导图,此部分将帮你拥有更体系化的 webpack 知识图谱。
  4. webpack 填坑说明:鉴于网上大多 webpack 教程基于 webpack1.x,本话题还将稍稍讨论二者的区别,帮助你平稳迁移。
  5. 分析一个中型项目中,开发环境和生产环境的对应的 webpack 配置文件,此部分将助你在实际项目中选择较合适的配置。

实录提要:

  • 如何搭建一个离线版的 webpack 和 reactjs 的开发环境?
  • 如何正确的使用 eslint 工作流?
  • 用 webpack 的话是不是生产环境也必须装一套 node?
  • webpack 如何实现多种环境使用?
  • create-react-app 中 build 之后,要想双击打开打包以后的 index.html 文件,eject 之后怎么配置 webpack ?
  • vue 开发,生成的 0.chunk.js 是什么?入口文件包含这些 chunk 文件内容吗?
  • 搭建几个网页的网站用 webpack 值得吗?
  • webpack 开发环境配置和生产环境配置,这两者需要分别单独配置或者需要更多的细微化配置吗?
  • webpack3 最强势的地方在哪里?
  • 相关分享链接:http://gitbook.cn/gitchat/activity/5992553a6a71a268a9128d7b?utm_source=gitchatseo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值