W E B PA C K PA C K Y O U R W E B

Before the topic, There were something you may know…

Uncaught Referencer Error: jQuery is not defined.

No content

<script src=“bootstrap.min.js” <script src=“angular-slick.js” <script src=“…” <script src=“…” <script src=“app.js”>

http://webpack.github.io/

http://webpack.github.io/ W E B PA C K H A S • Code Splitting • Loaders • Plugins • Hot Module Replacement

B A S I C U S A G E

No content

Loaders Plugins

W E B PA C K D E V S E R V E R # node module for project $ npm install —-save webpack-dev-server # add to the entries of webpack config webpack-dev-server/client?http://0.0.0.0:8000 webpack/hot/only-dev-server

W E B PA C K D E V S E R V E R Just a little express server uses the webpack-dev-middleware.

C O D E S P L I T T I N G

// Co!"onJS require.ensure(dependencies, callback) // AMD require(dependencies, callback) https://webpack.github.io/docs/code-splitting.html

H O T M O D U L E R E P L A C E M E N T http://webpack.github.io/example-app/ http://webpack.github.io/docs/hot-module-replacement.html

No content

H O W T O U S E # CLI tool $ npm install —-global webpack $ webpack # node module for project $ npm install —-save webpack

T H A N K . . .