1. 新建项目

1-1. 生成一个npm仓库

cnpm init -y

1-2. 安装依赖

cnpm i webpack -S
cnpm i webpack-cli -S

1-3. 新建.gitignore文件

node_modules
dist
src(main.js)

1-4. 构建核心文件（webpack.config.js）

const webpack=require("webpack") // 导入webpack
const path=require("path") // 导入路径处理包
const config={
    entry:path.resolve(__dirname,'./src/main.js'), //__dirname(当前目录下的) src文件的下的main.js文件
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    }, // 出口文件
    mode:'development' // 模块
}
module.exports=config

1-5、配置package.json文件

 "scripts": {
    "build": "webpack --config webpack.config.js"
  }

1-6、运行

会在dist目录下生成bundle.js文件（自定义的出口文件名）

npm run build