前端web脚手架webpack

2.4米高空升降设备的设计（开题报告）

传统的脚手架、梯子等作业方式存在安全风险高、效率低下等问题，已难以满足现代高空作业的安
shejizuopin·2025-03-26 16:36

html页面引入ts文件,html中引入ts，使用webpack如何正确配置？

目的：html多文件中script引入ts文件，然后通过webpack服务运行起来。
马运良·2025-03-26 02:23

在Webpack构建工具使用TS

1、先将项目初始化成webpack先进入项目根目录，执行npminit-ynpminit-y作用就是先创建package.json文件2、下载构建工具包npminstall-Dwebpackwebpack-cliwebpack-dev-serverhtml-webpack-pluginclean-webpack-plugintypescriptts-loader
dazzlingsunnyx·2025-03-26 02:52

使用 Webpack + TypeScript 来创建项目【持续更新】

第一步、安装nodejs；第二步、创建项目文件夹，在该项目下执行npminit命令；第三步、执行npmi-Dwebpackwebpack-clitypescriptts-loader命令，导入项目所需依赖
Alert.GoSt·2025-03-26 02:52

webpack使用详细步骤

项目描述本项目webpack的基本使用。
木心操作·2025-03-26 02:22

前端面试题总结(PS:尊重劳动成果拿或者要原笔记记得滴滴)

前端优化性能的方法压缩字体文件使用fontmin-webpack插件对字体文件进行压缩减少HTTP请求使用字体图标iconfont代替图片图标使用webp格式的图片减少重绘重排使用事件委托使用WebWorkershtml
掉头发的前端酒窝妹妹·2025-03-25 06:54

Electron从入门到精通：手把手教你用前端技术打造桌面级应用（万字长文）

1.3核心概念解析（文字版架构说明）Electron双进程模型：架构要点总结：二、核心机制详解：主进程与渲染进程2.1主进程开发实战2.2渲染进程安全实践2.3进程通信全解析三、企业级开发实战3.1项目脚手架搭建
前端极客探险家·2025-03-25 02:24

Vue——Vue-cli脚手架+前端路由

Vue-cli是Vue的脚手架工具可以进行目录结构、本地调试、代码部署、热加载、单元测试1、MVVM框架View——ViewModel——Model（视图）（通讯）（数据）“DOM”“观察者vue实例”
pdsu_zhao·2025-03-24 04:27

springBoot 和springCloud 版本对应关系

拿到的json数据，格式化https://start.spring.io/actuator/info[这里是图片001]https://start.spring.io/actuator/info云原生脚手架
m0_74824894·2025-03-23 16:35

Vue3 从零到全掌握：最详尽的入门指南（近万字超全内容）

一、Vue脚手架Vue3官方文档地址：https://v3.cn.vuejs.org/以前的官方脚手架@vue-cli也可以用，但这里推荐一个更轻快的脚手架Vite脚手架网址：Vite中文网方式一：vue-cli
AA-老高(接毕设)·2025-03-22 10:32

前端解决跨域的几种方案

以下是前端解决跨域问题的7种主流方案，根据应用场景和实现难度排序，附详细实现示例：一、开发环境解决方案1.WebpackDevServer代理（推荐）//vue.config.js/webpack.config.jsmodule.exports
爱分享的程序员·2025-03-21 11:01

Webpack 中动态导入（Dynamic Import）的几种典型用法

这段代码展示了Webpack中动态导入（DynamicImport）的几种典型用法，并通过Webpack魔法注释（MagicComments）对打包行为进行精细控制。
混血哲谈·2025-03-21 10:00

如何使用webpack预加载 CSS 中定义的资源和预加载 CSS 文件

在Webpack中预加载CSS文件及其内部定义的资源（如图片、字体等），可以通过资源预加载（Preloading）技术优化关键资源的加载优先级。
混血哲谈·2025-03-21 10:00

webpack的SplitChunksPlugin和在路由或组件级别进行拆分

请问下面内容中提到的SplitChunksPlugin和“在路由或组件级别进行拆分是一种更简单的方法，可用于延迟加载应用的不同部分”在前端项目中如何应用？“”“在大型应用中，延迟加载第三方依赖项并不是常见的模式。通常，第三方依赖项会拆分为单独的供应商软件包，因为它们的更新频率较低，因此可以缓存。您可以详细了解SplitChunksPlugin如何帮助您实现这一点。使用客户端框架时，在路由或组件级别
混血哲谈·2025-03-21 10:00

【typescript进阶篇】(第四章) webpack编译ts及第三方库声明文件

使用webpack打包TS文件安装依赖安装webpack环境npmiwebpackwebpack-cliwebpack-dev-server-D安装TypeScriptnpminstalltypescript-D
蒜香拿铁·2025-03-21 10:58

Webpack4从入门到精通以及和webpack5对比_webpack现在用的是哪个版本

'css-loader',//less-loader：将less文件编译成css文件，需要下载less-loader和less'less-loader'],},{test:/\.css$/,//使用多个loader用use,使用一个loader用loaderuse:['style-loader','css-loader'],},{//url-loader：处理图片资源，问题：默认处理不了html中
2501_90253044·2025-03-21 10:51

论云原生架构及其应用

系统以SpringCloud微服务框架开发，分为前端Web服务、平台保障服务、业务服务三
桃花键神·2025-03-21 09:46

webpack提升打包构建速度02--webpack优化

提升打包构建速度HotModuleReplacement为什么开发时我们修改了其中一个模块代码，Webpack默认会将所有模块全部重新打包编译，速度很慢。
_xiyang·2025-03-21 07:05

Web Component 教程（六）：基于 Stencil 脚手架开发 Web Component

前言在现代前端开发中，WebComponent是一种逐渐受到关注的技术，它允许我们创建可以在任何框架或库（如React,Angular,Vue等）中使用的可重用组件。而Stencil是一个强大的开发工具，它帮助我们轻松构建这些WebComponent，使开发过程更高效、更简洁。那么，究竟如何使用Stencil来开发WebComponent呢？今天，我们就来探索这一主题，从安装和设置，到创建和使用组
乐闻x·2025-03-21 04:06

Webpack常见面试题总结

一、谈谈你对Webpack的理解1.1背景Webpack的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。
xiangzhihong8·2025-03-20 17:39

最完整的webpack Dll打包与采坑总结

webpack已经成为前端主流的项目打包工具，对于前端开发必不可少。
仰望星空的代码·2025-03-20 17:38

前端开发：Webpack的使用总结

前言在前端开发过程中，尤其是现在前端框架的频繁使用的当下，作为前端开发者想必对于Webpack并不陌生，尤其是在使用Vue框架做前端开发的时候，打包时候必用Webpack。
三掌柜666·2025-03-20 17:33

微前端 qiankun vite vue3

文章目录简介主应用qiankun-mainvue3vite子应用qiankun-app-vue2webpack5子应用qiankun-reactwebpack5子应用quankun-vue3vite遇到的问题简介主要介绍以
可缺不可滥·2025-03-20 11:16

使用CRACO自定义 Webpack 配置

默认情况下，CRA的Webpack配置是隐藏的，如果你需要修改Webpack，比如：✅CDN配置✅配置alias（路径别名）✅修改Less/Sass变量✅添加Babel插件✅优化Webpack构建（如SplitChunks
黄毛火烧雪下·2025-03-20 07:42

webpack初识（js逆向）

webpack调试很多时候再看webpack的代码块的时候都一头雾水，不知道这个函数的具体逻辑在哪里，因为打包之后一些函数块是通过数字或者字符串进行调用的就像这样这里每个括号包括着的字符串都相当于一个函数
shix .·2025-03-20 06:04

前端架构 —— 脚手架的本地调试方法

脚手架本地link标准流程链接本地脚手架：cdyour-cli-dirnpmlink在当前node全局依赖中创建一个脚手架并且指向文件目录，而且会创建一个可执行文件链接本地库文件：cdyour-lib-dirnpmlinkcdyour-cli-dirnpmlinkyour-lib
mask-li·2025-03-19 20:46

create-react-app创建的项目中设置webpack配置

create-react-app创建的项目默认使用的是react-scripts（存在于node_modules文件夹中）来处理开发服务器和构建，它内置了一些webpack相关配置。
沃野_juededa·2025-03-19 19:36

详细讲一下webpack中五个优化能力十分强大的插件（1-5）

安装:npminstallterser-webpack-plugin--save-dev配置constTerserPlugin=require('terser-webpack-plugin');module.exports
asecretman!·2025-03-18 20:26

《前端监控与性能优化全景指南：构建企业级高性能应用》

文章目录前言技术栈覆盖范围一、监控体系架构设计1.1全链路监控系统组成1.2核心监控指标清单二、性能数据采集实战2.1增强版性能采集器2.2用户行为轨迹录制三、深度性能优化策略3.1构建阶段优化（Webpack5
前端极客探险家·2025-03-18 16:31

Node.js和webpack入门-个人学习笔记

Node.js-入门Node.js基础概念Node.js是一个跨平台JavaScript运行环境，是开发者可以搭建服务器端的JavaStript应用程序。作用1.编写服务端程序2.编写数据接口，提供网页浏览资源等等3.实现“前端工程化”，为Vue和React等框架做铺垫前端工程化-概念开发项目直到上线，过程中集成的所有工具和技术。（Node.js是前端工程化的基础（因为Node.js可以主动读取前
ksmswq·2025-03-18 08:16

前端初学者，有哪些适合的学习网站？

其前端教程体系涵盖了前端开发的大量入门知识，包括HTML、CSS、JavaScript等基础技术，以及当前主流的前端框架和工具的使用方法，如Vue.js、React、Webpack等。
四六的六·2025-03-17 15:32

Spring Boot 脚手架搭建：新姿势

超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣‍刨根问底：脚手架是什么？‍嘿，小伙伴们！
墨瑾轩·2025-03-17 08:42

Python 简单后台项目的脚手架

说明近期写了一个简单的项目，在后台运行获取网上的期货数据并保存到相应的数据库里。由于之前工作很多这种简单的类似调用接口或攫取数据的项目都是用Python来写，因此这次也继续用Python写。但是这次更换了几个包，此份文档简单来说明一下。依赖的包toml：用户解析配置文件，配置文件用的是toml格式。arrow：用于处理日期相关。loguru：用于日志处理。requests：用于http请求响应。p
程序媛了了·2025-03-17 07:07

浅谈Python项目开发&管理

本文主要探讨的是个人在Python项目开发&管理这块的一些经验之谈，经过在团队实践后主要内容总结如下：基础环境管理编码标准&规范化远程开发项目脚手架环境管理使用Anaconda和Pipenv共同管理Python
、烟雨楼·2025-03-17 03:02

webpack-bundle-analyzer 包分析工具的使用

webpack-bundle-analyzer它将创建所有捆绑包内容的交互式树状图可视化。
不想吃菠萝·2025-03-16 21:17

webpack-bundle-analyzer分析打包文件

安装：npminstall--save-devwebpack-bundle-analyzer在vue.config.js中配置：constBundleAnalyzerPlugin=require('webpack-bundle-analyzer
闰土月下追猹·2025-03-16 21:45

Webpack 前端性能优化全攻略

文章目录1.性能优化全景图1.1优化维度概览1.2优化效果指标2.构建速度优化2.1缓存策略2.2并行处理2.3减少构建范围3.输出质量优化3.1代码分割3.2TreeShaking3.3压缩优化4.运行时性能优化4.1懒加载4.2预加载4.3资源优化5.高级优化策略5.1持久化缓存5.2模块联邦5.3性能分析6.优化效果验证6.1构建速度分析6.2性能监控7.最佳实践总结7.1优化策略7.2持续
北辰alk·2025-03-16 21:15

使用vite脚手架搭建react项目

首选使用npm安装reactvitenpminstall-gcreatevite替换npminstall-gcreate-react-app新的脚手架据说很快，是原来的webpack的700倍。。。
JiaLin_Denny·2025-03-16 20:14

nodejs 010:Webpack 可视化分析插件 webpack-bundle-analyzer的使用

安装yarnadd--devwebpack-bundle-analyzer原始webpack.config.jswebpack.config.js代码定义了Webpack的配置，主要任务是将JavaScript
FakeOccupational·2025-03-16 20:43

webpack打包可视化分析之--webpack-bundle-analyzer

在开发一些项目的时候，有时候有些旧的框架项目用的webpacke打包慢，打包出来的包文件大，然而我们想要对它进行优化分析，有些旧的项目可能在不断迭代的过程中，有些模块功能改造或者有些需求变化，有些新需求模块开发测试完后
诗棋吖·2025-03-16 20:42

使用pdfjs加载多页pdf并实现打印

worker-loadernpminstallpdfjs-dist@[email protected]在vue.config.js中配置//webpack
MandiGao·2025-03-16 16:13

Webpack vs Rollup vs Parcel：构建工具深度对比

文章目录1.核心特性对比1.1功能定位1.2技术架构对比2.配置与使用2.1Webpack配置示例2.2Rollup配置示例2.3Parcel使用示例3.性能对比3.1构建速度3.2输出质量4.生态系统
北辰alk·2025-03-16 16:42

vue项目提示 WebSocketClient.js:49 WebSocket connection to ‘ws://xxxx/ws‘ failed: Invalid frame header

项目信息vue-cli创建的vue3+webpack5项目；问题现状配置proxy代理后，控制台报错，不影响使用，但是不美观，并且不利于在控制台调试代码；原因定位代理问题，新配置的接口代理，影响到了项目内置的本地服务代理配置
Beamon__·2025-03-16 13:20

第四章：高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化

CSS提取策略MiniCssExtractPlugin配置//webpack.config.jsconstMiniCssExtractPlugin=require('mini-css-extract-plugin
·2025-03-16 12:27

数字马力ai面试题

**构建工具（BuildTools）**-**Webpack**:是一个非常流行的模块打包器，可以处理各种类型的文件，并且支持插件扩展。-**Rollup**:另一个
泠波·2025-03-15 21:29

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发
weixin_42140041·2025-03-15 21:57

前端面试题---vue项目打包时, 内存不足了怎么办 为什么会出现这样的情况

Vue项目打包时如果出现内存不足（OOM，OutofMemory）简称就是OOM，通常是因为项目代码量较大、依赖过多、打包时Webpack需要处理的文件过多，导致Node.js运行时超出了默认的内存限制
*星之卡比*·2025-03-15 15:16

2024前端Webpack面试题

1、谈谈你对Webpack的理解Webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。
司宁·2025-03-15 14:02

springboot新手入门搭建项目

SpringBoot新手入门指南：从原理到实践一、SpringBoot简介SpringBoot是基于Spring框架的快速开发脚手架，通过约定优于配置的设计理念，简化了Spring应用的初始化搭建和开发过程
stayhungerstayflush·2025-03-15 10:32

vscode语言支持插件开发

安装脚手架npminstall-gyogenerator-code生成插件模板yocode配置语言支持我这里就自定义一种以.da结尾的语言，修改根目录下的package.json文件的contributes
amux9527·2025-03-15 00:29
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他