0. 前期的准备

前期准备

---

阅读本专栏提醒：由于本专栏的一系列文章都是我作为个人的学习笔记，旨在作总结，可能有一些地方写的不够清楚详细（因为自己懂了的方面没再一一赘述），所以还请各位看官多多包涵，感到疑惑的或者有写的不对的地方欢迎评论区留言!

现在不多bb，让我们开始吧~

0.前提条件

webpack是在nodejs环境中运行的，这里前提是你已经安装好了nodejs环境(最新版本即可，无需纠结要安装什么版本)

1.项目初始化

创建项目根目录,这里假设创建的目录为One,在根目录下启动命令行输入以下命令

npm init -y

这时会在根目录下生成一个package.json文件

ONE/package.json定义打包脚本

// 定义webpack脚本命令
"scripts":{
  "build":"webpack"
}

在根目录下执行以下命令

2.安装相关依赖

npm i -D 
webpack
webpack-cli

3.创建源码目录src和webpack.config.js配置文件

在src目录下创建入口文件index.js

import {add} from './utils.js'

add(1,2)

创建文件utils.js

function add(a,b){
  console.log(a,b)
}
export{
  add
}