webpack模块化

前端性能优化四十七：工程目录设计范式种类

1.模块化:①.将一个复杂应用根据预设规范封装为多个块并组合起来:a.对内实现数据私有化b.对外暴露接口、其它模块通信②.在前端工程化具体体现:a.在文件层面上对代码与资源实现拆分与组装b.将一个大文件拆分为互相依赖的小文件
wanmeijuhao·2023-12-27 04:25

前端性能优化三十四：花裤衩模板引入打包分析工具

测量各个插件和loader所花费的时间(1).install:yarnaddspeed-measure-webpack-plugin-D(2).Vue-cli3.x设置:constSpeedMeasurePlugin
wanmeijuhao·2023-12-27 04:22

模块化发展历程

模块化主要用来抽离公共代码，隔离作用域，避免变量冲突。。。
丐中丐·2023-12-27 02:19

npm、webpack、vue-cli 快速上手版

一、什么是Node.js以及npm-简单的来说Node.js就是运行在服务端的JavaScript，基于ChromeV8引擎的。-npm是Node.js的包管理工具。二、npm的安装和更新-Node.js下载安装Node.js官网下载安装。npm自带的包管理工具。-查看安装版本信息：--node-v查看Node.js版本信息--npm-v查看npm版本信息-更新npm到指定版本：--npminst
SlashBoyMr_wang·2023-12-27 02:57

自定义删除无依赖文件的webpack插件

插件原理通过自定义webpack插件，利用执行完成编译的封存阶段后，产生的产物module.fileDependencies，生成依赖的文件组。
北巷`·2023-12-27 01:01

webpack详解

webpack是什么？？本质上，webpack是一个用于现代JavaScript应用程序的静态模块打包工具。
飞不起来的飞机耶耶耶·2023-12-27 01:00

【软件工程】可执行文件和数据分离

这种方法通常用于提高软件的模块化程度和灵活性，以及方便软件的管理和维护。在可执行文件和数据分离中，程序代码通常以可执行文件的形式存储，而程序所需的数据则以外部文件或其他形式存储。
一尘之中·2023-12-27 01:30

七、清理 /dist 文件夹 (管理输出)

clean-webpack-plugin是一个比较普及的管理插件。
大侠叫谁·2023-12-27 01:28

02-02.Webpack - 模块打包工具

Webpack-模块打包工具Atitscore,webpackisastaticmodulebundlerformodernJavaScriptapplications.Webpack官方给与其的定义是一个现代
v刺猬v·2023-12-27 00:10

Quartus prim实现模块化电路设计，生成子电路元件并在Block Diagram File中调用的解决方案（关于FPGA的复杂工程设计的相关博客都会采用此方法）

新建工程新建BlockDiagramFile保存为顶层文件新建VerilogHDLFile文件(用来编写子模块电路代码)保存文件并命名文件调用元件设置端口属性
致力于研究如何把螺丝拧紧问题的资深专家·2023-12-26 23:33

基于Quartus Prime平台FPGA关于VGA显示的模块化设计：VGA八种单色屏1s切换显示、横条纹、竖条纹、棋盘格显示、显示模式按键可调、数码管显示单色屏序号

一：VGA协议简介VGA（VideoGraphicsArray）是一种显示接口标准，它最初由IBM于1987年推出。VGA协议定义了计算机视频输出信号的格式和特性。它主要用于连接计算机和显示器之间的传输，实现图像和视频的显示。VGA协议支持最高分辨率为640x480像素，色彩深度为16位色（即65,536种颜色）。它使用模拟信号传输，通过15个针脚的连接器将图像信号传送到显示器。VGA协议还定义了
致力于研究如何把螺丝拧紧问题的资深专家·2023-12-26 23:33

Java SPI 机制介绍和实战

目录什么是JavaSPIJavaSPI原理JavaSPI使用场景1.框架扩展与插件化2.服务加载与扩展3.组件化和模块化设计4.数据转换和格式化5.插件化应用程序JavaSPI实战步骤1：定义服务接口步骤
Memory_2020·2023-12-26 22:15

分布式架构怎么设计比较好

模块化设计：将系统按照功能模块划分，使得系统更加易于维护和扩展。负载均衡：分布式系统中的计算资源是有限的，所以需要设计负载均衡策略来均衡系统负载。通信机
笨爪·2023-12-26 21:31

Can't resolve 'sass-loader' in...错误的解决办法

下面是官方SassLoader的引入方法SassLoade官方仓库：npminstallsass-loadernode-sasswebpack--save-devnpminstallstyle-loadercss-loader
王家小雷·2023-12-26 20:52

[译]用lua创建一个Wireshark解剖器系列5(模块化)

在这里，我将解释如何将代码分成几个模块。在我的例子中，我将标题和有效负载部分分成单独的文件。划分代码我想为Header提供单独的文件，OP_REPLY消息的文件，OP_QUERY消息的文件，帮助函数的文件和main文件。最终的文件结构如下所示：我创建一个名为mongodb的独立文件夹。这将包含协议的所有模块。主文件仍然直接存在于plugins中。加载文件在Lua中，我们通常有两个可以加载文件的函数
GeminiGirl0604·2023-12-26 19:24

Superset 二次开发之自定义Viz Plugins(Hello World v2)

环境：Node.js16npm7or8安装webpack全局安装npminstallwebpack-g安装eslintsuperset-frontend>npminstalleslint1.Yeoman
aimmon·2023-12-26 18:42

nuxt dev编译报错Cannot find module ‘node:util‘

错误：Requirestack:node_modules@nuxt\friendly-errors-webpack-plugin\node_modules\consola\dist\shared\consola.deac7d5a.cjsnode_modules
中年程序员一枚·2023-12-26 17:58

实现 Spring Boot 项目热重载，无需重启，省时省力

类似于前端Webpack热重载功能无需重启，省时省力安装插件打开IDEA在插件中搜索：JRebel安装成功后重启IDEA激活插件因为这款插件是付费的，所以接下来需要激活该插件首先打开网站获取激活链接与邮箱
全栈梦想家·2023-12-26 15:55

技术(编程过程)问题总会遇到Bug!

一、webpack已安装成功，却无法使用。
世界的宇宙·2023-12-26 15:21

router路由的懒加载和嵌套路由

路由的懒加载当使用webpack打包构建应用时,Javascript包会变得非常大,影响页面加载。
黑白说程序·2023-12-26 15:29

Create react app 修改webapck配置导入文件alias

而且vue把webpack的配置文件暴露出来，可以很方便的对webapck进行个性化的配置修改。相比之下，createreactapp
小王子CQY·2023-12-26 15:35

C Programming学习笔记【谭浩强老师编】（第七章用函数实现模块化程序设计）01 函数

文章目录一、函数二、定义函数1.定义函数的方法三、调用函数一、函数(1)一个C程序由一个或多个程序模块组成，每一个程序模块作为一个源程序文件。较大的程序，可分别放在若干个源文件中。这样便于分别编写和编译，提高调试效率。一个源程序文件可以为多个C程序共用。(2)一个源程序文件由一个或多个函数以及其他有关内容（如指令、数据声明与定义等）组成。一个源程序文件是一个编译单位，在程序编译时是以源程序文件为单
ihan1001·2023-12-26 15:29

Vickate_积累及优化

1.首页的启动速度**建议：**-启动的过程中做的事情越少越好-不要在UI线程上做耗时操作（子线程处理数据，处理完在UI上刷新数据）-在合适的时机开启后台任务**优化方法：**-量化启动时间-启动速度模块化
Vickate·2023-12-26 13:25

13.1，组件的概述

什么是组件组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的主键，来划分不同的功能模块，将来我们需要什么样的功能，就就可以直接去调用对应的组件即可组件化和模块化的不同模块化，是从代码的逻辑角度划分的组件化
coderymy·2023-12-26 13:05

国密 sm2，sm3，sm4加解密兼容ie问题

然而这个依赖并没有被webpack转化并编译称ES5的语法，大家都到IE的兼容性不怎么好，特别是对新语法的支持程度一直都不好。
淋雪小新·2023-12-26 13:31

Webpack4.0配置过程以及调试

2.配置https://webpack.js.org/guides/getting-started/https://segmentfault.com/a/1190000006178770
忧忧自恼·2023-12-26 12:46

webpack高级篇1.1. source-map

在之前基础的学习中，我们基于webpack构建了基础工程化环境，将我们认为需要的功能配置了上去。
Chloe_lll·2023-12-26 12:39

webpack4之高级篇

TreeShakingcssTreeShakingyarnaddpurify-csspurifycss-webpack-Dconstglob=require('glob')constPurifyCSSPlugin
「已注销」·2023-12-26 12:07

Webpack高级应用篇

source-mapconstHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={mode:'development',entry
sourceunity·2023-12-26 12:07

webpack高级应用篇（十六）：依赖管理

Webpack会在构建中解析代码中的require.context()。语法如下：requ
__畫戟__·2023-12-26 12:07

webpack高级应用篇（九）：tree shaking（usedExports） 与 sideEffects

webpack4正式
__畫戟__·2023-12-26 12:36

webpack高级应用篇（十一）：Polyfills

Polyfillsnpminstall--save@babel/polyfill然后，使用import将其引入到我们的主bundle文件：import'@babel/polyfill'console.log(Array.from([1,2,3],x=>x+x))注意，这种方式优先考虑正确性，而不考虑bundle体积大小。为了安全和可靠，polyfill/shim必须运行于所有其他代码之前，而且需要
__畫戟__·2023-12-26 12:36

webpack高级应用篇（十二）：创建 library

目录创建一个library导出library输出ES模块输出umdoutput.globalObjectexternals依赖外部化除了打包应用程序，webpack还可以用于打包JavaScriptlibrary
__畫戟__·2023-12-26 12:36

webpack高级应用篇（七）：在 webpack 工程化环境中集成 TypeScript

目录基础配置使用第三方类库在TypeScript使用ESLint未配置过ESLint已配置过ESLint，但没有配置ts如何在在webpack工程化环境中集成TypeScript基础配置安装我们的ts和对应的
__畫戟__·2023-12-26 12:35

webpack高级应用篇（八）：多页面应用程序

目录目录结构安装基础配置配置多入口（multi-mainentry）描述入口的对象配置index.html模板HtmlWebpackPlugin配置多页面尽管单页面应用很流行，但是我们并不总是需要它。
__畫戟__·2023-12-26 12:35

webpack高级应用篇（二）：devServer

DevServer基础使用：添加响应头hotopenproxy开启代理重写路径不代理所有内容将多个特定路径代理到同一目标changeOriginchangeOrigin、pathRewrite不生效？clientloggingoverlayprogress开发环境下，我们往往需要启动一个web服务，方便我们模拟一个用户从浏览器中访问我们的web服务，读取我们的打包产物，以观测我们的代码在客户端的表
__畫戟__·2023-12-26 12:05

webpack高级应用篇（三）：ESLint

目录1.安装eslint2.Webpack+ESlint实现实时报错提示3.在编辑器中提示3.1Vscdoe3.2WebStorm4.快捷修复4.1命令行4.2Vscode4.3WebStorm5..eslintignore6
__畫戟__·2023-12-26 12:05

Webpack高级应用篇（四）：模块解析（Module Resolution）

目录webpack中的解析规则绝对路径相对路径模块路径解析(Resolve)resolve.aliasresolve.extensions外部扩展(Externals)externalsresolver
__畫戟__·2023-12-26 12:35

webpack高级应用篇（一）：source map —— 增强调试过程

DevtoolDevtool模式品质说明(quality)对于开发环境对于生产环境Devtool此选项控制是否生成，以及如何生成sourcemap。使用SourceMapDevToolPlugin进行更细粒度的配置。查看source-map-loader来处理已有的sourcemap。选择一种sourcemap格式来增强调试过程。不同的值会明显影响到构建(build)和重新构建(rebuild)的
__畫戟__·2023-12-26 12:04

webpack高级篇——在webpack中使用.vue文件

在学习webpack高级篇之前，请先参考https://blog.csdn.net/csshuaige/article/details/118853538老一套，先配置再使用。
爱干饭的小徐同学·2023-12-26 12:34

Webpack中的高级特性

自从webpack4以后，官方帮我们集成了很多特性，比如在生产模式下代码压缩自动开启等，这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。
gogo2027·2023-12-26 12:34

webpack多入口打包

首先得确定用webpack构建的应用，再然后后就是确定目录。这两个js文件分别对应两个html文件，在html中需要分别引入对应的js文件。
海上彼尚·2023-12-26 12:03

高级篇：webpack应用指南一

webpack应用指南一（高级篇）介绍提升代码体验SourceMap*提升打包构建速度HRM（热模块替换）【开发环境】oneOf*Include/Exclude*cache*多进程打包*减少代码体积TreeShaking
cd_yang2017·2023-12-26 12:03

【webpack】高级篇

webpack高级应用安装流程提高开发效率与完善团队开发规范devtool属性devServer属性下compress属性port属性headers请求头proxy开启代理https配置http2配置historyApiFallback
博主花神·2023-12-26 12:33

前端性能优化四十二：模块化加载方案

1.JS模块化加载方案和选型:①.CommonJS:a.旨在Web浏览器之外为JavaScript建立模块生态系统,同步加载.b.Node.js模块化方案受CommonJS影响,非常类似.②.AMD(AsynchronousModuleDefinition
wanmeijuhao·2023-12-26 11:48

前端性能优化四十一：花裤衩模板gzip总结

(1).两种方案的优缺点:①.webpack打包:a.直接生成静态的gzb.缺点:(1).打包后文件体积太大.(2).不耗服务器性能.②.nginx在线实时gzip压缩:a.缺点:(1).耗性能、需要实时压缩
wanmeijuhao·2023-12-26 11:18

柏睿网络模块化机房：实现快速部署和灵活扩展的数据中心解决方案

传统的数据中心建设方式已经无法满足现代企业的需求，而模块化机房则成为一种创新的解决方案，能够实现快速部署、灵活扩展和高效管理。本文将详细介绍模块化机房的优势、建设过程、应用场景以及未来发展趋势。
柏睿网络·2023-12-26 11:43

OpenWrt介绍及编译基础教程

关于OpenWrtOpenWRT是一个高度模块化、高度自动化的嵌入式Linux系统，拥有强大的网络组件和扩展性，常常被用于工控设备、电话、小型机器人、智能家居、路由器以及VOIP设备中。
J.P.August·2023-12-26 10:13

webpack中设置事件代理

proxy:{"/api":{target:"http://localhost:3000",changeOrigin:true,pathRewrite:{"^/api":""}}}
前端boy·2023-12-26 10:49

vue.js项目创建打包部署过程

利用vue-cli创建vue项目，vueinitwebpackdemo(demo是自定义的名称)。按提示输入信息，然后一路回车，最终项目就会在当前目录下创建了（我的当前目录是c盘）。创建完成后，打开
宇落星辰_30ba·2023-12-26 06:27
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他