一、新建项目

一、生成一个npm仓库

cnpm init -y

二、安装依赖

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

三、新建.gitignore文件

node_modules
dist
src(main.js)

四、构件核心文件 （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

五、配置package.json文件

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

六、打包

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

npm run build
npm run server