回顾

上一篇《手撕webpack：初体验》笔者介绍了 webpack 的安装和通过CLI命令打包一个文件，在大型项目构建中，通过命令行参数控制打包过程显得就不优雅和高效了，所以本篇我们学习配置文件的使用。

最简单的配置文件

项目根目录下新建 webpack.config.js ，输入如下代码：

const path = require("path")

module.exports = {
  entry: './src/index.js',
  output: {
    filename: '[name].js',
    path: path.resolve(__dirname, 'dist')
  }
}

entry 配置的入口为 index.js ，打包后的文件将输出到 dist目录，并且文件名为入口名称，因为这里没有配置入口名所以会使用默认的 main.js 。

webpack.config.js 配置文件编辑完成后，在 package.json 的 scripts 配置中增加打包脚本，这样在每次构建时就不用通过CLI 敲繁琐的命令了。

"scripts": {
  "webpack": "webpack --config webpack.config.js"
},

运行 npm run webpack 命令试一把，是否为我们想要的结果。