webpack4 多进口多出口

• 初始化webpack项目，搭建基本目次
  

• 设置webpack.config.js设置文件

  const path = require("path");
  module.exports = {  //引入nodejs中的path模块
      entry: {
          main: "./src/script/main.js"， //可设置多个进口文件
          demo: "./src/script/demo.js"
      },
      output: {
          path: path.join(__dirname,"dist","test"), //处理行敕令的目次和webpack.config.js不在同一个目次时形成的容错率题目，用绝对路径一样有用
          filename: "[name].bundle.js"  //[name]对应你进口文件的name，也就是属性名
      }
  }

• 设置package.json

  {
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
          "dev": "webpack --mode development",
          "buil": "webpack --mode production"
    },
    "keywords": [],
    "author": "",
    "license": "ISC"
  }

• npm run dev 以开辟形式运转打包
  
• 胜利打包后检察输出文件，会发明生成了两个我们设置须要输出的js文件
  

如许，多出口打包多个js文件就完成了！