webpack简单使用

webpack简单使用

首先在项目中创建一个src文件夹

然后在其中添加一个main.js文件，并编写几个简单的js文件

例如新增一个count.js文件，内部代码如下

export default function count(a, b){
 return a+b
}

接着在main.js中引入该js文件并调用（代码如下）

import count from './count.js'

console.log(count(2,1))

然后安装webpack依赖

• 首先在命令行中执行npm init -y命令，该命令会创建一个简单的package.json文件
• 然后拉取webpack依赖npm install webpack webpack-cli -D(-D是为了将该依赖安装到开发依赖中，而不是生产依赖)
• 然后执行npx webpack './src/main.js --mode=development'其中mode有两个取值：development(开发模式)、production(生产模式)

最后创建一个public文件夹并在其中新建一个index.html文件

然后在html文件中引入打包好的main.js文件即可使用