webpack资源整理及笔记

以下是最近学习的路线一些资源的整理

首先当然是要先看ES6，有一些会用到ES6的语法，而且看了ES6不练习的话很快会忘的，要时常看看别人怎么写的。

然后MDN是比较正统的标准吧，优快云的话就是一些小的问题或者bug或者ie的兼容性的问题可以去看看。

深入浅出ES6

MDN
入门webpack
https://segmentfault.com/a/1190000006178770
webpack傻瓜式教程
https://zhuanlan.zhihu.com/p/20367175

https://github.com/vikingmute/webpack-for-fools

Webpack 中文指南

http://webpackdoc.com/

笔记：

一：webpack运行两种方式
1.webpack打包成静态文件webpack --progress --colors显示进度条和颜色
2.以服务器的方式打包编译，启动webpack-dev-server后，你在目标文件夹中是看不到编译后的文件的,实时编译后的文件都保存到了内存当中。静态资源web服务器
http://localhost:8080/或者http://localhost:8080/webpack-dev-server/

3.nodeJS遵循Commonjs规范

4.webpack loader管道方式，从右向左传输，css-loader读取文件，style-loader插入到页面中

二：webpack构建本地服务器
1.修改webpack.config.js,输入devServer配置项,具体看这个配置https://segmentfault.com/a/1190000006178770
2.全局安装webpack-dev-server，然后项目内安装webpack-dev-server。
3.执行webpack-dev-server