前端工程化-webpack(打包JS)(二)

假设目录结构如下:

前端工程化-webpack(打包JS)(二)

index.html是入口文件

前端工程化-webpack(打包JS)(二)

打包app.js为bundle.js如下

前端工程化-webpack(打包JS)(二)

 

app.js

前端工程化-webpack(打包JS)(二)

 当使用amd模块规范多出了0.bundle.js,是由于amd异步加载模块,单独形成一个chunk:

前端工程化-webpack(打包JS)(二)

二、第二种打包方式

webpack --config  webpack.conf.js

如果想要直接webpack打包,把webpack.conf.js改为webpack.config.js

配置文件[name]是entry里面的key,[hash:5]是MD5,是文件的数字指纹

前端工程化-webpack(打包JS)(二)

 

前端工程化-webpack(打包JS)(二)

 

相关文章:

  • 2021-10-16
  • 2021-07-14
  • 2022-12-23
  • 2021-12-06
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-06
  • 2022-12-23
  • 2021-12-25
  • 2021-10-03
  • 2021-08-24
  • 2021-09-20
  • 2021-08-06
相关资源
相似解决方案