一、安装webpack

初始化

  1. yarn init -y
  1. npm i webpack webpack-cli -S
  2. or
  3. yarn add webpack webpack-cli

index.js

  1. var a = 10;
  2. console.log(a);

1-3 webpack.config.js

  1. const path = require("path");
  2. module.exports = {
  3. entry: "./index.js", //入口
  4. output: { //出口 打包到dist目录下
  5. filename: "bundle.js",
  6. path:path.join(__dirname,"dist")
  7. },
  8. mode:"development"
  9. }

package.json

  1. "scripts": {
  2. "build":"webpack --config webpack.config.js"
  3. }

打包

  1. npm run build
  1. npm start //启动