本文只是作为学习webpack入门所作的笔记，仅供参考。阅读本文之前，请首先阅读webpack项目流程学习（一）；

项目测试

我们试做一个项目测试,适用laoder 以及其特性处理项目中的资源文件；

重新配置文件

配置目录为下

前言

前端开发和其他开发工作的主要区别，首先是前端是基于多语言、多层次的编码和组织工作，其次前端产品的交付是基于浏览器，这些资源是通过增量加载的方式运行到浏览器端，如何在开发环境组织好这些碎片化的代码和资源，并且保证他们在浏览器端快速、优雅的加载和更新，就需要一个模块化系统，这个理想中的模块化系统是前端工程师多年来一直探索的难题。

什么是 Webpack

Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。

文章转自 VICHILY’S BLOG

核心 Core

周末朋友叫我去看电影，
我：“啥片，3D的不？”，
朋友：“不是！”；
我：“不是3D那就不去了，等以后在电脑上看吧，去电影院不就是去感受影片的3D的视觉效果么！”
朋友：“……”

做网页也一样，现在2D已经不能满足我们的视觉需求，为了追求视觉冲突的真实感，我们往往会使用一些css3 3D效果的交互；最近我被淘宝造物节给刺激了，试着学着折腾css3的 3D transform效果。虽然现在还没有达到效果，但是还是有所收获。

建立立体感

首先我们要有一定的立体感：

通过这个图片应该清楚的了解到了x轴 y轴 z轴是什么概念了。