https://webpack.docschina.org/guides/

快速开始

# 创建项目
mkdir webpack-demo
# 进入项目目录
cd webpack-demo
# npm初始化
npm init -y
# 安装 webpack webpack-cli
npm install webpack webpack-cli --save-dev
# 处理css
npm install --save-dev style-loader css-loader
# 处理 图片、字体等文件
npm install --save-dev file-loader
# 在 vscode 中打开项目
code .

基本命令

# 打包文件-开发模式
webpack ./src/index.js -o ./built/built.js --mode=development
# 打包文件-生产模式
webpack ./src/index.js -o ./built/built.js --mode=production
# 会将 src/index.js 作为 入口起点，生成 dist/main.js 输出, 默认使用生产模式打包
npx webpack
npm webpack --mode=development
# 按照 webpack.config.js 配置文件中的配置进行打包
npx webpack --config webpack.config.js

webpack.config.js