1 of 86

2 of 86

translate.it/CJAYG

3 of 86

Technical Program Manager

Microsoft - Edge Dev Tools

​

​

Maintainer & Advocate

Webpack

​

​

Core Team

Angular / angular-cli

​

​

Evangelist

Open Source Sustainability

4 of 86

Where most people think Nebraska is...

5 of 86

Where Nebraska really is...

6 of 86

Background

Former Tech Support Rep. gone rogue turned Software Engineer / Web Developer who got tired of never being able to really help the customer he served.

Languages: Ruby, Objective-C, Swift, Javascript.

Other: Woodworker, 🐓 farmer, IoT

​

​

​

7 of 86

Sustainable Open Source Practices

​

JavaScript

​

Building Contributors, Community, and Ecosystem

8 of 86

@TheLarkInn

Github - Medium - Codepen - Stack Overflow - LinkedIn - Twitter

9 of 86

ASK ME ANYTHING

http://github.com/thelarkinn/ama

10 of 86

谢谢!!!!!

11 of 86

Sponsors & Backers

12 of 86

13 of 86

14 of 86

Dear ng-conf...

15 of 86

16 of 86

17 of 86

18 of 86

19 of 86

20 of 86

21 of 86

22 of 86

23 of 86

24 of 86

25 of 86

26 of 86

Compilation calls the hook

Data passed for plugins to access/mutate

27 of 86

The hook you are “tapping” into.

28 of 86

29 of 86

30 of 86

31 of 86

32 of 86

33 of 86

编译器

34 of 86

35 of 86

36 of 86

37 of 86

38 of 86

39 of 86

解析者

40 of 86

解析者

模块工厂

41 of 86

42 of 86

模块工厂

43 of 86

44 of 86

45 of 86

46 of 86

语法分析器

47 of 86

48 of 86

49 of 86

50 of 86

51 of 86

模板

52 of 86

53 of 86

54 of 86

55 of 86

56 of 86

57 of 86

58 of 86

59 of 86

60 of 86

61 of 86

62 of 86

63 of 86

You just learned how webpack works entirely under the hood.

64 of 86

WHy SHOULD I CARE?

65 of 86

thelarkinn/artsy-webpack-tour

66 of 86

Every Instance can be plugged into!!!

67 of 86

TIME FOR QUESTIONS! PS: There are NO WRONG QUESTIONS.

68 of 86

Let’s Make Plugins!!!

69 of 86

​

​

​

​

​

thelarkinn/everything-is-a-plugin

​

$ git clone https://github.com/thelarkinn/everything-is-a-plugin

​

$ yarn/npm install

​

$ git checkout 1.0 ←GIT TAG BASED “LESSONS”

70 of 86

​

three commands

​

​

$ npm run build

​

​

$ npm run dev (watch mode with webpack-dev-server)

​

​

$ npm run debug

71 of 86

Where can I start?

72 of 86

73 of 86

http://webpack.js.org/concepts

74 of 86

How can I help?

75 of 86

triage

76 of 86

core loaders / plugins

77 of 86

Contribute to New Docs

78 of 86

79 of 86

use webpack 2

npm install webpack

80 of 86

https://webpack.threadless.com

81 of 86

​

​

​

opencollective.com/webpack

82 of 86

Help shape the future of webpack by backing and sponsorship

83 of 86

@TheLarkInn

84 of 86

#webpack

​

Tweet Questions, Gripes, Concerns, Frustrations

85 of 86

webpack is built by you...

86 of 86

and we give a crap...