使用webpack打包js(合成js,Html里导入就很轻量)

使用的Hbulider X

菜菜学习,边操做边复习,如何使用webpack去把有关联的js文件,压缩为一个(不仅压缩了还降级处理了,从ES6规范到ES5)

变动文件:models目录,index.html,webpack.config.js

1. models目录

一个发挥作用的js,一个调用的js

 

2.webpack.config.js

写的入口entry:从哪个模块的js入

写的出口output: 表示压缩降级后应该在哪儿呆着,此处根据官方给的

其实它最后生成的目录长这个样子:

就是dist->js->bundle.js

 

 3.index.html

这个html文件就是用来<script>导入刚才bundle.js的,这样无需导入多个js,便可以实现多个js应该展现的内容

 

猜你喜欢

转载自blog.csdn.net/SlinaW/article/details/127813281