Webpack
wdapp
May the force be with you !
展开
-
webpack,异步加载,代码分割,require.ensure
webpack异步加载的原理 webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这 个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个 模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js文件。 场景分析: 比如应用的首页里面有个按钮,点击后可以打开某个地图。打开地图的话就要利用百...原创 2020-02-28 22:26:49 · 462 阅读 · 0 评论 -
webpack打包bundle文件解析
### 一、一个入口,一个文件 webpack.config.js ``` module.exports = { entry: './main.js', // 一个入口 output: { filename: 'bundle.js' } }; ``` main.js ``` document.write('<h1>Hello World</h1>'...原创 2020-02-22 23:29:09 · 448 阅读 · 0 评论 -
webpack 入门的总结和简单配置
webpack 总结 前端模块化编程打包工具 可以把模块打包成一个文件,提高访问速度,开发速度,优化用户体验 module.exports 导出 require() 导入 安装 windows: npm install webpack -g mac: sudo npm install webpack -g 使用 命令 webpack test01.js...原创 2020-01-19 13:54:16 · 120 阅读 · 0 评论