一个简单的webpack例子

一、安装webpack

在安装webpack前先安装好node.js。

然后运行npm install webpack -g（之前在当前目录下安装，不知道为何打包的时候报错，全局安装就没问题）

二、创建项目

新建一个index.html文件

新建一个main.js

可以直接输入webpack 打包文件名 打包后的文件名

然后会生成打包后的文件bundle.js，打开index.html

但是直接打包在复杂的项目中不适合，所以我们可以将一些编译选项放在配置文件中，以便于统一管理：

创建 webpack.config.js 文件，代码如下所示：

entry表示打包文件路径，如果在当前目录也要加 ./ 不然报错

output表示打包后输出文件名

直接输入webpack打包就可以了。

Webpack 本身只能处理 JavaScript 模块，如果要处理其他类型的文件，就需要使用 loader 进行转换，下面是打包了css的配置文件

详细可以到githup上下载阮一峰的webpack例子（我是他的小迷妹~❤）