webpack的基础使用

新建package.json文件

1. 先在根目录运行命令 npm init （初始化项目）
   运行命令之后会得到package.json的配置文件运行命令之后会得到package.json的配置文件

2. 在根目录运行npm install （安装模块）

3. 配置webpack.config.js配置文件，配置内容如下

const path = require('path');
module.exports = {
	entry: './app/index.js',  //输入
	output: {  //输出
	  filename: 'bundle.js',
	  path: path.resolve(__dirname, 'dist')
	}
}

4. 在 package.json 的scripts字段添加一个 npm 脚本(运行使用的)

"build": "webpack"

5. 在cmd命令栏输入npm run build即可打包一个简单的bundle.js在dist文件夹里面