// 五大核心概念
1. entry（入口）
指示Webpack从哪个文件开始打包2. output（输出）
指示Webpack打包完的文件输出到哪里去，如何命名等3. loader（加载器）
webpack本身只能处理js，json等资源，其他资源如图片需要借助loader，webpack才能解析4. plugin（插件）
扩展Webpack的功能5. mode（模式）
主要有两种模式：开发模式（development）和生产模式（production）

使用webpack打包html

const path = require('path')module.exports = {// 入口entry: './src/main.js', // 这里要用相对路径// 输出output: {// 文件的输出路径, __dirname代表当前文件夹目录path: path.resolve(__dirname, 'dist'),  // 这里要用绝对路径// 文件名filename: 'main.js'},// loader加载器module: {rules: [// loader的配置]},// plugins插件plugins: [// 插件配置],// 模式mode: 'development'
}