webpack的慢慢啃食

1.安装与准备

•   对于任何一个工具来说，在一开始熟悉他的安装与配置操作是最重要的一件事，下面就先来说说webpack的安装。webpack需要用npm下载与安装。
• 首先，在npm中输入npm install  webpack -g进行全局安装，安装完后可以通过webpack -h来查看相关指令；
• 之后，我们创建一个文件夹(模拟项目文件夹webpack_p)，在npm中输入npm init创建package.json文件(创建时全默认即可),之后在npm中输入npm install --save-dev webpack安装本地webpack依赖包(即为本项目的webpack依赖包)。到这里，webpack最最最基本的安装就算完成了；

2.最最最基础打包

• (先说一说)webpack打包一般都采用配置文件来打包，这里提到的都是最基本最简单的打包方式。

1. 第一种：打包普通的js文件

我们要学习打包最基本的js文件之前，在webpack_p文件夹中创建public和app文件夹，app文件夹中存放自己写的js文件(假定为main.js)，public文件夹中存放webpack打包后的文件夹(命名为bundle.js)，完成后我们再创建webpack.config.js文件在模拟项目的根目录中。

接着我们对webpack.config.js文件进行配置：

module.exports = {
    entry: __dirname + '/app/main.js', //js文件的唯一入口,即自己写的代码从这里引入
    output: {
    path: __dirname + '/public', //打包后文件存放的地址，即打包完成的代码放在这里
     filename: 'bundle.js' //打包后js文件的名称，即打包完成后打完js文件名称
     }
};

之后我们在npm中输入webpack即可完成打包，命令会自动引用webpack.config.js中的配置选项，打包后的文件会存放在在/pubilc文件夹中。