Webpack教程

什么是Webpack

Webpack是一个模块打包器，它的主要目标是将JavaScript文件打包在一起，打包后的文件用于在浏览器中使用。 ----Webpack中文文档

使用步骤

安装

npm install --save-dev webpack
npm install --save-dev webpack-cli

这两行命令会为你的项目安装webpack和webpack-cli包，前者是webpack的核心库，后者是分离出来的webpack命令行功能，我们需要使用webpack-cli来进行项目的打包等操作。
注意webpack是基于node安装所以需要先安装node
初始化

npm init -y

创建文件夹

创建一个src，src下面创建一个index.html ,里面加一个div div随便起一个 id
root名字，让引入bundle.js，src 中创建一个 main.js 作为主要开发文件，在里面进行dom操作，操作html中的root

入口，出口文件配置
创建一个webpack.config.js ,并进行以下配置

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

打包

运行webpack命令就可以进行打包