webpack初体验

本人菜鸟一枚，最近一直在研究webpack的使用，记录下本身的学习体会，因为网上关于webpack的资源（技术博客）太多，对于初学webpack的新手来讲，看着五花八门的技术博客，真是头晕眼花（多是列举的示例太深奥，一时没法理解），入了不少的坑，建议仍是从技术文档看起，里面的例子都是相对简单易懂的，连接：http://webpackdoc.com/install.html

至于什么是webpack，网上有不少文章都有详细的解释：http://www.cnblogs.com/vajoy/p/4650467.html

下面就详细的写下学习webpack的体会与心得（本人是webpack新手，有什么写的不对的地方，望各位前辈多多提出指正）

一：安装配置

首先要安装 Node.js， Node.js 自带了软件包管理器 npm,npm是一个很强大的功能，安装编译webpack，glup等都须要用到它。

用 npm 安装 Webpack：

在cmd命令行输入：

npm install webpack -g

此时 Webpack 已经安装到了全局环境下，能够经过命令行 webpack -h 试试。

接下来的步骤文档中是这样写的：

一般咱们会将 Webpack 安装到项目的依赖中，这样就可使用项目本地版本的 Webpack。

# 进入项目目录
# 肯定已经有 package.json，没有就经过 npm init 建立
# 安装 webpack 依赖
$ npm install webpack --save-dev

文档中的步骤说得挺详细的，看过不少技术博客，有不少都在这一步骤说明得不是很详细，容易误导新手（本人就所以入了很多的坑）。

这里我在这里解释下：

1.进入项目目录：

前提是你建立了本身的项目文件夹，如在D盘建立了一个webpackdemo文件做为本身的项目文件夹。如何进入项目呢？着仍是靠cdm命令行来进行，如上建立一个文件夹，你的项目文件目录是:D/webpackdemo,那么须要在cmd中经过命令行找到项目目录。运行cmd,输入："d:"回车，这样就进入了你手中的电脑D盘目录，再输入"cd webpackdemo",回车就找到了刚建立的项目目录。一切都是以项目目录为基石，编译打包项目代码的。

未完待续......