module.exports = FunctionFinder; 代码中的 stats 是一个巨大的对象,里面包含 chunks,也就是 webpack 分块之后的文件模块,如果项目比较大的话,直接输出 json 可能会报内存溢出,此时可以分批写入文件或者写入不同文件。 上面代码中,只是将 chunks 数组里下标为1的 chunk 到 1.json 中,最终格式化后,可以看到: 基...
工作原理? 分析在compiler.plugin('done',function(stats)) 时传入参数Stats的实例,然后通过对实例调用toJson()方法转成json文件,它是webpack 的一个统计类Stats 的实例,然后通过对实例的调用toJson() 方法转成json文件,再从中提取chunks各个包的大小信息,最后在Canvas中进行画图,通过该图开发者能快速意识到那些模...
1、学会利用金字塔原理 金字塔原理的核心:逻辑化思考、结构化思考、层次化思考 什么是金字塔?任何一件事情都有一个中心论点,中心论点可以划分成3～7个分论点,分论点又可以由3～7个论据支撑。 金字塔的MECE法则(读作MeSee):Mutually Exclusive Collectively Exhaustive,中文意思是相互独立,完全穷尽。也就是说,提出的每...
一、原理 读取输出文件夹(通常是dist)中的stats.json文件,把该文件可视化展现的插件。便于直观地比较各个bundle文件的大小,以达到优化性能的目的。 二、安装 > npm install webpack-bundle-analyzer --save-dev 三、作为webpack插件使用 1、引入 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').Bu...
比如userName,userAge。但是在数据库中一般不会采用驼峰式,而是采用下划线_的方式,比如user_name,user_age,这里就利用自定义注解的方式去进行一个转换。 注解分为两种:JDK自带注解和自定义注解,这里利用反射去构建SQL语句 反射原理(IOC为例):通过类的全路径得到class......
at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run e2e tests npm run e2e # run all tests npm test 有关工作原理的详细说明,请查看的和...
1、学会利用金字塔原理 金字塔原理的核心:逻辑化思考、结构化思考、层次化思考 什么是金字塔?任何一件事情都有一个中心论点,中心论点可以划分成3～7个分论点,分论点又可以由3～7个论据支撑。 金字塔的MECE法则(读作MeSee):Mutually Exclusive Collectively Exhaustive,中文意思是相互独立,完全穷尽。也就是说,提出的每...
HTTP协议的简介及其工作原理 1、HTTP简介 1.1、什么是超文本(HyperText)? 1.2、什么是URL? 1.3、什么是超文本传输协议HTTP? 2、HTTP工作原理 2.1、请求/相应交互模式 2.2、HTTP的连接方式和无状态性 2.2.1、非持久性连接 2.2.2、持久性连接 2.2.3、无状态性 1、HTTP简介 1.1、什么是超文本(HyperText)? 包含...