webpack支持零配置就可以将项目打包，默认将src/index.js作为打包入口，打包到dist/main.js
我们也可以通过添加webpack.config.js文件，然后在里面配置属性
配置入口文件和输出文件目录及文件名称
在webpack.config.js里面是导出一个对象，然后在对象里面添加要配置的属性，下面我们先来配置入口文件和输出目录以及输出文件名称
const path = require('path');module.exports = { mode: "development", entry: "./src/index.js", //入口文件 output: { filename: "bundle.js", //文件名称 path: path.join(__dirname, 'output') //输出目录，这里需要借助path模块 }}
然后我们在终端输入
npm run build
重新将项目打包
此时我们的目录中就会出现output目录，下面有bundle.js文件
配置打包模式
在之前的打包过程当中，相信我们都遇到了一个警告
大概的意思是我们没有设置mode属性，webpack默认会使用production模式去工作，这个环境下webpack会默认帮我们去使用一些优化插件，例如压缩代码
mode属性有三种参数：production、development、none
webpack默认使用production模式，如果想要使用开发模式可以在package.json的scripts中的build属性做修改，具体如下：
第二种方式是使用npx，npx是npm的子命令，它会在node_modules/.bin路径和环境变量$path里面检查命令是否存在，如果存在则执行，具体用法如下：
npx webpack --mode development
第三种方式是在webpack.config.js文件中添加mode属性
