01.简单搭建
# 安装
webpack-cli 是使用 webpack 的命令行工具,在 4.x 版本之后不再作为 webpack 的依赖了,我们使用时需要单独安装这个工具
npm install webpack webpack-cli -D
# 或者
yarn add webpack webpack-cli -D
# 构建
构建命令写到 package.json 的 scripts
"scripts": {
"build": "webpack"
},
# 配置文件
项目的根目录下创建一个「webpack.config.js」的文件
const path = require('path')
module.exports = {
mode: 'development', // 指定构建模式
entry: './src/index.js', // 指定构建入口文件
output: {
path: path.resolve(__dirname, 'dist'), // 指定构建生成文件所在路径
filename: 'bundle.js', // 指定构建生成的文件名
}
}