安装

全局安装

  1. npm i webpack webpack-cli -g

局部安装

  1. npm i webpack webpack-cli -D

基本使用

webpack可以打包js,json文件

我们在目录下创建src和build目录

src表示需要打包的文件地址

build表示打包后的地址

src下创建index.js作为入口文件

里面写上

  1. function add(x,y){
  2.     return x+y
  3. }
  4. console.log(add(4,6));

运行打包命令

  1. 1.运行指令：webpack ./src/index.js -o ./build --mode=development
  2. 2。生产环境 webpack ./src/index.js -o ./build --mode=production

一搬我们运行生产环境

运行指令后，会在build目录下生成一个main.js文件

这是一个被压缩的文件，非常的小，我们用node运行，就输出10了

我们在src目录下穿件一个data目录，下面再创建一个testdata.json里面写上内容

  1. {
  2.     "name":"xiaoyu",
  3.     "age":22,
  4.     "sex":"man"
  5. }

在index.js中写入内容

  1. import testdata from './data/testdata.json'
  2. function add(x,y){
  3.     return x+y
  4. }
  6. console.log(testdata);
  7. console.log(add(4,6));

再运行打包命令，用node运行，最后输出结果

{ name: ‘xiaoyu’, age: 22, sex: ‘man’ }
10