摘要: (1)打包后的文件分析 首先将打包后的文件进行适当删减,Ctrl+Shift+L可以同时选中所有相同结构内容 结构如下 (function(modules){ ... })( { ... } ) 分析可知本质为匿名函数即IIFE函数,执行时会传入后面函数执行符里的对象,接下来分析下传入对象 对象构成 阅读全文
posted @ 2020-03-04 22:14 剑仙6 阅读(1110) 评论(0) 推荐(0) 编辑
摘要: Commonjs模块化打包 接下来进行打包验证 npx webpack,输出结果部分如下 然后执行测试下打包输出文件main.js,这里测试有两者方法 (1)直接使用node环境测试 node main.js (2)新建html文件,引入js脚本然后启动验证 接下来执行live-server启动,然 阅读全文
posted @ 2020-03-04 18:19 剑仙6 阅读(281) 评论(0) 推荐(0) 编辑
摘要: (1)版本注意 npm 5.2.0开始npm便开始携带了npx (2)npx是什么? npx是一个工具,它是npm v5.2.0引入的一条命令(npx),是npm的一个包执行器,只要为了提高从npm注册表使用软件包的体验 。 npm使得它非常容易地安装和管理托管在注册表上的依赖项, npx使得使用C 阅读全文
posted @ 2020-03-04 17:57 剑仙6 阅读(1429) 评论(0) 推荐(0) 编辑
摘要: (1)简介 可以做的事情 1、代码转换:将ES6转为ES5;将CSS、Less、Sass等转化为CSS; 2、文件优化:文件打包过程里压缩代码体积,合并文件 3、代码分割:公共模块的抽离、路由懒加载 4、模块合并:按照功能分类,将多个模块合并为一个模块 5、自动刷新:启动webpack服务,实现代码 阅读全文
posted @ 2020-03-04 16:29 剑仙6 阅读(560) 评论(0) 推荐(0) 编辑
欢迎访问个人网站www.qingchun.在线