首先新建空白项目，运行命令，初始化包管理配置文件package.json

安装webpack

webpack是开发阶段使用的工具，上线后不再使用，所以安装时，携带参数-D，表示装到开发依赖节点下。

安装时如果不携带版本号，默认安装最新版本。

创建webpack配置文件

在项目根目录中，创建名为webpack.config.js的webpack配置文件，在配置文件中可以声明一些webpack的基本配置项。

配置文件使用CommonJS的语法，通过module.export方式向外导出一个对象，webpack在对项目进行打包时，会先读取webpack.config.js配置文件导出的对象，根据指定的配置项，对项目进行打包和构建。

新建src源代码目录，在其中新建index.html和index.js文件，初始化首页index.html内的基本结构
运行npm install jquery -S命令，安装jQuery
通过ES6模块化的方式导入jQuery，实现效果

使用ES6模块化语法导入jquery
import $ from 'jquery'

实现隔行变色的效果
$(function() {
$("li:odd").css("backgroundColor", "#eee") 奇数行
$("li:even").css("backgroundColor", "#fff") 偶数行
})

可以让我们通过npm run的方式运行一个脚本，执行脚本后面对应的命令：
在package.json文件中，找到scripts，里面配置了可运行的脚本，前边键任意取，表示脚本的名字，后面的值为固定值，表示运行脚本时执行的命令
比如："dev":"webpack"，运行的命令为：npm run dev

打包结束后，在项目根目录中多了一个dist文件夹，里面多一个main.js，这就是webpack打包生成的文件，

webpack-dev-server会监听源代码的变化