一个简单webpack配置实例详解

一个简单webpack配置实例详解

在没有入门webpack之前，你可能觉得一大堆的配置让人眼花缭乱，无法理解。但当你理解之后，其实每一个配置背后都是非常合理的。

现在你想要对你的项目进行打包，那么在配置中你就必须说明这三个问题：从哪里开始？如何打包？、到哪里去？。
那么与之对应的就是三个配置项：entry、module、output
entry与output顾名思义就是webpack从哪里开始对你的项目进行打包，打包完生成的文件放到哪里去。
接下来就剩下一个最重要的问题：如何打包？，那就是module。

一份简要的配置如下：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
const webpack = require("webpack")

module.exports = {
   
  //mode说明webpack的工作模式是production还是development
  mode: