性能优化杂记

最新推荐文章于 2021-11-05 15:56:05 发布
最新推荐文章于 2021-11-05 15:56:05 发布
阅读量45 收藏
点赞数
分类专栏： 系统学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43503511/article/details/116894798
版权
本文介绍了如何为开发和生产环境配置不同的webpack设置，包括移除devServer以优化生产环境，通过npm命令展示开发环境的打包结果，并使用webpack-merge整合基础配置。同时，详细阐述了配置文件的组织结构和不同版本的写法差异。
摘要由CSDN通过智能技术生成

webpack

  • 开发、生产环境配置不同的webpack配置文件

  • 生产环境删除devServer（不需要启webpack devServer）
    在这里插入图片描述
    在这里插入图片描述

  • 告诉webpack，生产、开发分别要对应哪个配置文件
    在这里插入图片描述

  • 开发环境下也能看到打包的结果 npm run dev:build
    在这里插入图片描述

  • npm run dev 只会把打包生产的文件放在内存里，这样读写的速度会比较快，是看不到dist文件夹的

  • 安装wepack-merge 将dev.js 与 prod.js里重复的部分放在base.js里

  • 在dev.js 与 prod.js里引入base.js导出的
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 不同版本的写法不同
    在这里插入图片描述
    webpack定义、配置文件
    在这里插入图片描述

Stephy_Yy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Unity性能优化汇总
陈云佳的专栏
03-05 9257
内容会持续更新，有错误的地方欢迎指正，谢谢! 性能优化嘛，大家都说像海绵中的水，挤一挤总会有的，但我却想说它像内衣里的肉，挤一挤真的可以有。哈哈哈，有点污，见笑了，进入正题。 CPU方面的优化 CPU优化不够会出现的问题： 由于短时间内的计算量太大，导致画面流畅性降低，俗称跳帧 发热严重，耗电量高 CPU优化方向： DrawCalls 物理组件 GC（GC为处理内存，此项为C...
ef mysql 优化_C#实用杂记-EF全性能优化技巧
weixin_29421255的博客
02-01 405
Entity Framework目前最新版本是6.1.3，当然Entity Framework 7 目前还是预览版，并不能投入正式生产环境，估计正式版16年第一季度会出来，了解过EF7的部分新特性后，还是狠狠期待一下滴。EF性能问题一直为开发者所诟病，最让人纠结的也是这块，所以此次我也来谈谈EF的性能优及建议。既然是把优化点列举出来，可能有些地方关于底层的知识就不会介绍的太深刻，权当抛砖引玉吧。先...
MySql 性能优化杂记
weixin_30443747的博客
03-21 52
前一段时间接触MySql 服务器，关于查询忧化方面整理，优化主要唯绕几个工具函数 : show profiling , explain , 索引 , limit 如果上司抱怨服务器查询太慢，这时候，你可能会说，可能是网络不好，服务器性能太差。给上司一个合理的说法，私底下，是什么原因，心中要有数。从客户端发起http 请求，到服务端后台业务处理，具体到数据库相关。大多数性能问题...
Unity 性能优化【转载】
weixin_36961960的博客
10-24 441
内容会持续更新，有错误的地方欢迎指正，谢谢! 性能优化嘛，大家都说像海绵中的水，挤一挤总会有的，但我却想说它像内衣里的肉，挤一挤真的可以有。哈哈哈，有点污，见笑了，进入正题。 CPU方面的优化 CPU优化不够会出现的问题： 由于短时间内的计算量太大，导致画面流畅性降低，俗称跳帧 发热严重，耗电量高 CPU优化方向： DrawCalls 物理组件...
WebRTC Qos优化杂记
sonysuqin的专栏
07-25 5765
本文是笔者对WebRTC Qos性能研究、优化的一些思考，希望对有兴趣的读者有一些启发。
mysql 优化杂记
qq_39459099的博客
12-29 129
慢日志分析 SELECT user_id AS userId, charm AS num FROM db_charm WHERE user_id NOT IN (?) ORDER BY num DESC, userId LIMIT ? 性能分析：not in不走索引 转换成 left join 解决方式： SELECT c.user_id AS userId, c.charm AS num FROM db_charm c LEF...
杂记（前端安全以及性能优化）
banmao8461的博客
09-11 224
本文来自于《我遇到的前端面试题2017》所写的笔记 1 前端安全问题 关于前端安全问题，主要有两种，分别为：XSS攻击以及CRSF攻击 1.1 XSS攻击 参考文章：《HttpOnly介绍以及防止XSS攻击时的作用》 跨站脚本攻击（Cross Site Scripting）为了与CSS重叠样式表区分开来，所以简称为XSS攻击。 简单来...
Webpack 项目优化杂记
weixin_34185364的博客
12-05 135
本项目源码均可在 这里 找到。 之前公司的官网项目静态文件都是放在静态服务器中，这其中的弊端就不赘述了。简单说一下 CDN 的好处: CDN 可以解决因分布、带宽、服务器性能带来的访问延迟问题，适用于站点加速、点播、直播等场景。使用户可就近取得所需内容，解决 Internet 网络拥挤的状况，提高用户访问网站的响应速度和成功率。控制时延无...
mysql优化杂记
weixin_34174132的博客
12-08 116
一.mysqladmin的使用#mysqladmin extended-status -u root -i 2 -c 2 -p | grep connect查看mysql的状态中带有connect字符的变量,每两秒统计一次,共统计2次 #mysqladmin extended-status -u root -r -i 2 -p | grep connect查看2秒内的增量输出,该项不起作用 ...
Oracle杂记
08-27
综上所述，Oracle数据库管理不仅涉及基础的SQL操作，还包括深入的性能优化和高级特性应用。通过学习这些资料，无论是初学者还是经验丰富的DBA，都能提升对Oracle数据库的理解和操作能力，从而更好地服务于业务需求。
面试杂记1
08-03
- String、StringBuffer和StringBuilder：String是不可变的，而StringBuffer和StringBuilder在多线程和单线程中分别用于可变字符串的操作，StringBuilder在单线程环境下性能更优。 - 字符串连接符"+"的底层实现：在...
oracle 9i杂记
04-08
在这个"Oracle 9i杂记"中，我们可能会探讨关于数据库设计、性能优化、SQL查询、存储过程、安全管理等多个方面。 1. **数据库设计**：Oracle 9i在数据库设计上提供了更高级的数据类型，如BLOB（Binary Large Object...
24 React.createRef()用法细节分析
Stephy_Yy
10-12 1960
通过React.createRef → ref对象 通过元素的ref属性可以附加到React元素上 一般通过构造器中给this的属性赋值一个ref，方便整个组件使用 ref只要传递到react元素中，就可以利用ref的current属性访问到该真实DOM节点 ref在componentDidMount和componentDidUpdate触发前更新 current里是null的现象 由于打印时，this.modalRef才刚刚声明，current是null，但是current是个引用值，展开时访问的是.
13 代码分割之import静动态导入
Stephy_Yy
05-09 1352
前端首屏优化方案之一 项目构建时会整体打包成一个bundle的JS文件，而有的代码、模块是加载时不需要的，需要分割出来单独形成一个文件块chunk（不会打包在main里），让模块懒加载（想加载时才加载），以减少应用体积、减少加载时的体积。 import是关键字而非函数（类比typeof，typeof '123’ or typeof('123')） 静态导入： import xxx from ''，导入并加载时，导入的模块会被编译，不是按需编译 动态导入：import('') 根据条件或按需的模块导入
ES6-2 块级作用域与嵌套、let、暂行性死区
Stephy_Yy
07-10 1328
阮一峰ES6 - let 思考，在编写代码时，有es5、es6的语法，究竟是否有块级作用域？ ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。 1. var关键字可以重复声明 var num1 = 1; var num1 = 100; console.log(num1) // 100 2. let块级作用域 2.1 同一作用域下不能重复声明（无论是let/var/const声明） let num1 = 1; var num1 = 100
正则 - 阮一峰
Stephy_Yy
07-19 691
学习地址 一 正则实例方法 1. test 正则实例.test返回布尔值 var r = /x/g; var s = '_x_x'; r.lastIndex // 0 r.test(s) // true r.lastIndex // 2 r.test(s) // true r.lastIndex // 4 r.test(s) // false 死循环，因为while循环的每次匹配条件都是一个新的正则表达式，导致lastIndex属性总是等于0。 var count = 0; while (/
15 错误边界与使用技巧
Stephy_Yy
10-06 510
错误边界 React16增加 防止某个组件的UI渲染错误导致整个应用崩溃 子组件发生JS错误，有备用的渲染UI 错误边界是组件，只能用class组件来写 错误边界组件捕获错误的时机 渲染时 生命周期函数中 组件树的构造函数中 getDerivedStateFromError 生命周期函数 static getDerivedStateFromError(error) 参数：子组件抛出的错误 返回值：新的state 渲染阶段调用 作用：不允许出现副作用（异步代码、操作dom等） componentD
typescript
Stephy_Yy
11-05 490
mock数据api ts-node tsc指令（typescript compile）编译并执行ts文件 npm install -g typescript ts-node tsc --help // 查看指令 cnpm install axios -S tsc index.ts ts-node index.ts
JBoss服务器配置详解
"JBoss配置杂记" 这篇文档主要讲述了JBoss服务器的一些配置技巧和...这篇"JBoss配置杂记"提供了关于端口更改、Web应用部署、数据源配置以及性能优化等方面的基础指导，对于理解和操作JBoss服务器具有一定的参考价值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值