【文件属性】：
文件名称：harmonyos2-analysis-bundle.js-of-Webpack:分析webpack打包后的文件
文件大小：6KB
文件格式：ZIP
更新时间：2021-07-01 14:49:44
系统开源
harmonyos
2
分析webpack打包后的文件
前言
作为前端，总是在工作中使用
Webpack
作为模块打包工具，却从来也没有分析过
Webpack
打包后的文件是什么样子的。这可不行，今天我就写了一个小例子，来分析一下
Webpack
生成的
bundle.js
到底是什么。
Webpack
版本：3.4.1
文件结构
//
index.js
import
a
from
'./a'
import
{b1,
b2}
from
'./b'
console.log(`a:
${a.name}`)
console.log(`b1:
${b1.name};
b2:
${b2.name}`)
//
a.js
export
default
{
name:
'a'
}
//
b.js
import
c
from
'./c'
console.log(`c:
${c.name}`)
export
let
b1
=
{
name:
'b1'
}
export
let
b2
=
{
name:
'b2'
}
export
let
b3
=
{
name:
'b3'
}
//
c.js
exp
【文件预览】：
analysis-bundle.js-of-Webpack-master
----c.js(30B)
----b.js(147B)
----webpack.config.js(159B)
----dist()
--------bundle.js(4KB)
----index.js(122B)
----a.js(30B)
----readme.md(7KB)