一、项目初始化

yarn init -y
yarn add webpack webpack-cli

webpack的核心概念

entry  --入口
output
loader 
plugin
mode

1-1 src/main.js

console.log(1);

1-2 webpack.config.js

const path = require("path");
module.exports = {
    entry:path.join(__dirname,'src/main.js'),
    output:{
        filename:"bundle.js",
        path:path.join(__dirname,"dist")
    },
    mode:"development"
}

1-3 package.json

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

1-4 执行打包

npm run build
yarn build