使用 webpack-cli 零配置打包，真香

作者| 慕课网精英讲师 三水清

今天，我们通过搭建一个使用 Webpack 打包的项目，来体验下 Webpack 的零配置打包。

初始化项目

首先是创建项目，创建一个名字为zero-config的文件夹，并且进入文件夹使用npm init进行初始化：

# 创建目录并且进入
mkdir zero-config && cd $_
# 初始化
npm init -y
# 安装 webpack 和 webpack-cli到开发依赖
npm i webpack --save-dev
npm i webpack-cli --save-dev

创建目录

新建src目录，放置我们的源码，目录结构如下：

└── src
    ├── hello.js
    ├── index.js
    └── world.js

hello.js、 world.js和index.js三个文件内容如下：

// hello
module.exports = 'hello';
// world
module.exports = 'world';
// index
const hello = require('./hello');
const world = require('./world');

console.log(`${hello} ${world}`);

这时候我们使用 webpack命令（如果全局安装 webpack-cli 包的话）可以直接体验 Webpack 打包效果。

TIPS: npx 是一个方便开发者访问 node_modules 内的 bin