1. cnpm init -y //生产package.json的文件
  2. cnpm i webpack  webpack-cli -S

创建webpack.config.js文件

const webpack = require("webpack")
const path = require("path")
const config ={
    entry:path.resolve(__dirname,'src/main.js'), // 入口文件
    output:{
        path:path.resolve(__dirname,'dist'),     // 出口文件
        filename:'bundle.js'
    },
    mode:'development'    // 模式
}
module.exports = config;

创建src>main.js文件

console.log("hello world")

创建dist文件夹

修改package.json文件

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

创建public>index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../dist/bundle.js"></script>
</head>
<body>

</body>
</html>

运行

npm run build