webpack优化构建速度示例-IgnorePlugin:

IgnorePlugin是webpack的一个内置插件,允许你忽略某些特定的模块或文件

webpack.config.jsconst config = {entry: './src/index.js',output: {filename: 'main.js'},mode: 'development',
}module.exports = config;
src/index.js
import moment from 'moment'
console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));

优化前体积
在这里插入图片描述

优化后体积

webpack.config.js
const webpack = require('webpack');  const config = {entry: './src/index.js',output: {filename: 'main.js'},mode: 'development',plugins: [new webpack.IgnorePlugin({resourceRegExp: /^\.\/locale$/,  contextRegExp: /moment$/,  // 上面的配置将会忽略 moment 下的所有 locale 目录下的文件,// 这包括了你可能想要保留的英文和中文语言包。})]
}module.exports = config;
src/index.js
import moment from 'moment'
import 'moment/locale/zh-cn';  
// 设置全局语言为中文  
moment.locale('zh-cn');  
console.log(moment().format('MMMM Do YYYY, h:mm:ss a'));

在这里插入图片描述

上面的配置忽略 moment 下的所有 locale 目录下的文件单独引入中文包,节省了构建时间262ms

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/707110.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

高中数学:平面向量-数乘运算

一、定义 顾名思义 向量的数乘运算,就是数量与向量相乘的运算 λ a → \mathop{a}\limits ^{\rightarrow} a→,λ∈R 二、λ a → \mathop{a}\limits ^{\rightarrow} a→的性质 1、长度 |λ|*| a → \mathop{a}\limits ^{\rightarrow} a→| |λ a …

如何管理研发人员

在日益激烈的市场竞争中,企业的核心竞争力往往取决于其技术创新能力和研发实力。然而,随着企业研发的深入和技术的积累,研发人员泄密的风险也愈发严重。如何防止研发人员泄密,已经成为企业面临的重要问题。本文将从加强员工保密意…

你好 GPT-4o!

你好 GPT-4o! OpenAI公司宣布推出 GPT-4o,这是OpenAI的新旗舰模型,可以实时对音频、视觉和文本进行推理。 GPT-4o(“o”代表“o​​mni”)是迈向更自然的人机交互的一步——它接受文本、音频、图像和视频的任意组合作…

2020 年第一届辽宁省大学生程序设计竞赛

比赛经历:摸鱼划水了一个多小时又是只会签到,看来还得提升自己的解题能力写了六题 补题:E线段树维和区间平方和,比较经典好久没写过线段树了傻了,注意维护lazy J计算几何,看来得提上日程了,用叉…

Ipython 解释器之魔法命令

文章目录 1. 性能分析 %timeit 和 %prun2. 交互式绘图 %matplotlib inline3. 查看和修改环境变量 %env4. 读取并执行外部脚本 %run5. 调试 %debug6. 代码 profiling with %lprun7. 记忆函数结果 %memit 和 %mprun8. 交互式Shell与系统命令 %shell9. 自动补全与文档查看 %autoin…

【面试干货】一个数组的倒序

【面试干货】一个数组的倒序 1、实现思想2、代码实现 💖The Begin💖点点关注,收藏不迷路💖 1、实现思想 创建一个新的数组,然后将原数组的元素按相反的顺序复制到新数组中。 2、代码实现 package csdn;public class…

CentOS7使用Docker安装Redis图文教程

1.拉取Redis镜像 这里制定了版本,不指定默认latest最新版 docker pull redis:6.0.8提示信息如下即为下载成功 2.上传配置文件 官方配置文件(找自己对应的版本):reids.conf 或者将如下配置文件命名为redis.conf,上…

副业新选择:10大程序员热门接单平台,兼职赚钱两不误!

很多程序员都想过通过副业赚取收入,但往往会停在接单的第一步:要么是因为懒拖延迟迟没有行动,要么因为没有选对适合自己的平台迟迟没有开张。程序员想要通过副业赚取收入,一定要看好这10个程序员接单平台,保你主业副业…

nestJs链接redis

给大家推荐一个库,地址:Yarn service import { Injectable } from nestjs/common; import { RedisService as RedisServices, DEFAULT_REDIS_NAMESPACE } from liaoliaots/nestjs-redis; import Redis from ioredis;Injectable() export class RedisService {priva…

玩转网络调试利器:深入剖析ip命令的强大功能

欢迎来到我的博客,代码的世界里,每一行都是一个故事 玩转网络调试利器:深入剖析ip命令的强大功能 前言ip命令概述网络接口管理ip地址配置路由管理邻居关系查看 前言 在我们的日常网络使用中,我们经常需要管理和调试网络接口、路由…

springBoot 如何让数据库读写分离

springBoot 数据库读写分离 数据库的读写分离,首先要把spring 中的自动加载的类排除掉,因为我们配置文件配置了多数据源,并且希望自己主导sql语句执行的数据库。 启动类排除自动配置 @SpringBootApplication(exclude = {DataSourceAutoConfiguration.class}) 循环引用问题…