前端技术-webpack 第6页

【Webpack】处理字体图标和音视频资源

处理字体图标资源1.下载字体图标文件打开阿里巴巴矢量图标库openinnewwindow选择想要的图标添加到购物车，统一下载到本地2.添加字体图标资源src/fonts/iconfont.ttfsrc/fonts/iconfont.woffsrc/fonts/iconfont.woff2src/css/iconfont.css注意字体文件路径需要修改src/main.jsimport{add}fr

小秀_heo·2024-02-19 11:57

webpack使用记录

/node_modules/.bin/webpack--configwebpack.config.js"}我们跳过shell命令，直接执行目标文件即可。{"debugger":"node./n

·2024-02-19 10:51

基于 Webpack5 Module Federation 的业务解耦实践

我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：贝儿前言本文中会提到很多目前数栈中使用的特定名词，统一做下解释描述dt-common：每个子产品都会引入的公共包(类似NPM包)AppMenus：在子产品中快速进入到其他子产品的导航栏，统一维护在dt-common中，子产品从dt-common中引入Portal：

·2024-02-19 10:01

飞码LowCode前端技术之画布的设计 | 京东云技术团队

简介本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。一、精准定位设计飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。无子组件：目标组件分为支持与不支持放子组件两种情况。有子组件：鼠标相对于子组件（目标组件）对角线位置。详见图1图1当目标组件不支持放子组件时，需要计算拖拽组件放在目标组件的左侧、上侧、右侧、还是下侧？其计算方

·2024-02-19 10:59

Vue 与 React 比较，十年恩怨情仇整理

过去的十年里，出现了许多令人兴奋的前端技术。其中，最为亮眼的当属Vue.js和React.js，他们一经出世就备受前端开发者的欢迎，当然，流行框架之间的比较也从未停止。

·2024-02-19 10:28

React项目详解

React项目指导使用webpack需要安装的依赖webpack，webpack-cli，react，react-dombabel-loader，@babel/core，@babel/preset-env

·2024-02-19 10:55

vue router 跳转php,vue路由：路由跳转后怎么知道切换到那个router-view中

使用vueinitwebpackxxx创建项目友持都发很秀框事,应编差里互是过是来本商理类了如则处果。展，字到中图各近圈就不这多发架件大用程。

weixin_39908106·2024-02-15 09:13

关于vue安装less和webpack版本冲突问题

关于vue2.0安装less和webpack版本冲突问题1.学会查看自己webpack和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己webpack和less指令查看当前

SepstoneTang·2024-02-15 07:01

vue安装使用less，解决与webpack的冲突

第077个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下，本专栏提供行之有效的源代码示例和信息点介绍，做到灵活运用。提供vue2的一些基本操作：安装、引用，模板使用，computed，watch，生命周期(beforeCreate，created,beforeMount，mounted,beforeUpdate，updated,before

还是大剑师兰特·2024-02-15 07:31

react按需加载

babel-plugin-syntax-dynamic-import和react-loadable，如图1：图12.在.babelrc里添加设置"plugins":["syntax-dynamic-import"]，如图2图23.在webpack.config.js

热心程序猿黄帅哥·2024-02-15 05:52

初识webpack（二）解析resolve、插件plugins、dev-server

目录(一)webpack的解析(resolve)1.resovle.alias2.resolve.extensions3.resolve.mainFiles(二)plugin插件1.CleanWebpackPlugin2

DogEgg_001·2024-02-15 03:55

gulp和webpack的区别

Webpack是前端构建工具，实现了模块化开发和文件处理。他的思想就是“万物皆为模块”，它能够将各个模块进行按需加载，不会导致加载

木槿_traxpvsa·2024-02-15 01:14

webpack打包优化 - 懒加载

webpack懒加载分割代码会产生chunk，异步加载的时候也会产生chunk引入动态数据->懒加载（当有文件特别大，直接懒加载）（会直接生成一个chunk，无需其它配置）setTimeout((

JX灬君·2024-02-14 22:37

vue2使用pinia在main.js中导入报错

’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://vue.config.jsmodule.exports={configureWebpack

奥利給·2024-02-14 21:48

java计算机毕业设计青岛地区常见昆虫图鉴与论坛源程序+mysql+系统+lw文档+远程调试

+lw文档+远程调试java计算机毕业设计青岛地区常见昆虫图鉴与论坛源程序+mysql+系统+lw文档+远程调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

崇与科技·2024-02-14 21:36

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课从Jest入门到TDD BDD双实战（三）

Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin

程序边界·2024-02-14 19:12

开发属于自己的Chrome插件

另外，其实Chrome插件不只是前端技术，Chrome插件还可以配合C++编写的dll动态链接库实现一些更底层的功能(NPAPI)，比如全屏幕截图等，开发一个专属于服务自己的插件，为了更好的开发(滑水)

小灰灰_a·2024-02-14 19:50

【Vue】工程化开发&脚手架Vue CLI

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳工程化开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了webpack

五敷有你·2024-02-14 18:08

vue全家桶

Vue-cli是一个基于Vue.js进行快速开发的完整系统，可以自动生成Vue.js+webpack的项目模板。

miss-ddly·2024-02-14 17:24

快速构建 React 开发环境

create-react-app自动创建的项目是基于Webpack+ES6。

白番茄_·2024-02-14 13:31

基于java(ssm)大学生兼职论坛管理系统设计与实现(源码+lw+部署文档+讲解等)

大学生兼职论坛管理系统设计与实现(源码+lw+部署文档+讲解等)文章目录基于java(ssm)大学生兼职论坛管理系统设计与实现(源码+lw+部署文档+讲解等)引言项目概述主要功能用户相关功能管理员相关功能技术要求后端技术前端技术功能截图示例代码源码获取引言博主介绍

阿逸学长·2024-02-14 10:59

Vue-cli 脚手架搭建

使用vue，但是一般做项目的时候，我们大都会用到vue脚手架，脚手架也是vue里重要的一部分，今天我们就来看看vue脚手架的相关：1.环境搭建1、安装node.js（傻瓜式安装，这里不再描述）2、安装webpack

机智小铛铛i·2024-02-14 06:40

Vue function and event object

一创建测试项目vueinitwebpack-simplevuedemo二进入demo目录cdvuedemo三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-on:clickandShorthand

剑有偏锋·2024-02-14 00:29

LiveQing 播放器的使用

1:安装：安装npminstall@liveqing/liveplayer安装npminstallcopy-webpack[email protected]:在build文件的webpack.dev.conf.js

js代码人·2024-02-13 23:59

基于Java (spring-boot)的职工管理系统

二、作品包含三、项目技术后端语言：Java项目架构：B/S架构数据库：MySQL前端技术：Vue后端技术：SpringBoot四、运行

源码好又多·2024-02-13 22:33

eutils - 项目介绍

css工具；当我们新建一个前端项目时，只需要引入这个npm包，就可以省去很多写工具的重复工作；源码地址APIversioncollection项目规范函数使用小驼峰方式命名对象使用大驼峰方式命名项目使用webpack

hellolong·2024-02-13 19:42

vue3-应用规模化-工具链

VueCLIVueCLI是官方提供的基于Webpack的Vue

王大可996·2024-02-13 16:45

webpack常用配置及基本概念

1.基本概念:配置方式:如果没有创建webpack.config.js或指定mode(production/development)会直接打包压缩生产模式。

再来一瓶路易十三·2024-02-13 13:16

npm命令报错

codeELIFECYCLEwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js`‘webpack-dev-server

断点_842b·2024-02-13 06:13

webpack4环境搭建-初始化项目

1、创建一个目录然后进入，初始化package.jsoncnpminit-y//-y的意思是yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json2、安装webpack4

_littleTank_·2024-02-13 05:50

Webpack4 性能优化实践

为什么需要性能优化在使用Webpack时，如果不注意性能优化，可能会产生性能问题，会导致在开发体验上不是非常丝滑，性能问题主要是编译速度慢，打包体积过大，因此性能优化也主要从这些方面来分析。

野生程序猿江辰·2024-02-13 05:55

Vue项目Webpack优化实践，构建效率提高50%

Vue项目Webpack优化实践，构建效率提高50%vue.jswebpack发布于2018-12-24公司的前端项目使用Vue框架，Vue框架使用Webpack进行构建，随着项目不断迭代，项目逐渐变得庞大

badboy__biubiubiu·2024-02-13 05:54

webpack面试解析

sasaraku.·2024-02-13 05:53

结合Next项目实际认识webpack.splitChunks

本文的目的在于简单的介绍webpack的优化功能配置：splitChunks。

sasaraku.·2024-02-13 05:23

什么是vite，如何使用

深入理解Vite核心原理面向未来的前端构建工具-vite聊一聊Vite的预构建和二次预构建聊一聊ViteVite原理Vite基于浏览器原生ESM规范的支持，采取了与Webpack完全不同的unbundle

sasaraku.·2024-02-13 05:23

webpack实际实践优化项目

参考：如何通过性能优化，将包的体积压缩了62.7%雅虎35条20210526-webpack深入学习，搭建和优化react项目本文只专注于性能优化的这个部分。

sasaraku.·2024-02-13 05:52

前端技术分享：页面性能优化问题复盘

项目背景在code_pc项目中，前端需要使用rrweb对老师教学内容进行录制，学员可以进行录制回放。为减小录制文件体积，当前的录制策略是先录制一次全量快照，后续录制增量快照，录制阶段实际就是通过MutationObserver监听DOM元素变化，然后将一个个事件push到数组中。为了进行持久化存储，可以将录制数据压缩后序列化为JSON文件。老师会将JSON文件放入课件包中，打成压缩包上传到教务系统

有道AI情报局·2024-02-13 05:16

electron-vue使用elementui，有数据但table表格显示空白

在.electron-vue目录下找到webpack.renderer.config.js文件，修改：letwhiteListedModules=['vue']-->letwhiteListedModules

Hi小胡·2024-02-13 05:00

web前端项目-进击的玉兔【附源码】

进击的玉兔【进击的玉兔】是一款基于Web前端技术的游戏，其主题和背景与中国的传统文化和神话有关。在游戏中，玩家需要通过解决各种难题和挑战来收集月饼，最终达成游戏目标。

温轻舟·2024-02-13 03:11

基于Java (spring-boot)的电影院管理系统

二、作品包含三、项目技术后端语言：Java项目架构：B/S架构数据库：MySQL前端技术：Vue后

源码好又多·2024-02-13 02:59

基于Java (spring-boot)的宿舍管理系统

、班级管理、宿舍楼管理、维修记录、晚归记录、请假记录、用户管理、角色管理、菜单管理、日志管理、我收到的、退宿审核，等等等二、作品包含三、项目技术后端语言：Java项目架构：B/S架构数据库：MySQL前端技术

源码好又多·2024-02-13 02:28

Vue绑定Property Class style

一创建测试项目vueinitwebpack-simplevuedemostyle二进入demo目录cdvuedemostyle三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-bindtobindPropertyv-bind

剑有偏锋·2024-02-13 01:59

webpack开发- webpack 插件(Flag贴)

感觉光讲webpack插件开发，也聊不了几句，给自己玩点有难度的，之后由浅入深带源码阅读的那种简单而敷衍的后续更新

Ricoywang·2024-02-13 01:22

vue系列教程-13vuecli初体验

什么是脚手架其实就是一个配置好了的使用webpack完成打包构建的初始化工程，和我们前面讲的webpack打包没啥区别，只是更为全面，在实际开发中也是常用的工具当前最新版本为vue-cli4但是和cli3

lookroot·2024-02-13 00:57

Vue填坑之路

Cannotreadproperty'minify'ofundefined1.参考文章https://github.com/vuejs/vue-cli/issues/34072.上面文章说是个bug，3.package-lock.json下terser与terser-webpack-plugin

近旁世界·2024-02-12 22:06

Vue JS 安装。根据其他大神，自己总结自学

npminstall-gcnpm-regestry=https://registry.npm.taobao.org3：安装脚手架vue-cli:cnpminstall-gvue-cli;4：创建项目：vueinitwebpackmy_vue_test

liuxus·2024-02-12 20:35

亿级流量高并发春晚互动前端技术揭秘

前言2022年1月，京东成为央视总台2022年春节联欢晚会独家互动合作伙伴，双方在红包互动、电商等方面展开全方位深度合作。在除夕当天产生691亿次互动，送出15亿元红包好物。如何在这种大规模、高并发的场景下，确保系统的稳定性和性能，为用户提供稳定流畅的互动体验，成为了我们亟待解决的问题。接下来我们主要从静态资源优化、缓存、容错、工程化几个方面来详细介绍前端团队所做的努力和创新。静态资源优化首屏资源

·2024-02-12 17:17

Lan分享岗位信息（前端）

带5人，汇报CTO前端专家/Leader1、负责蚂蜂窝旅游电商平台业务线相关产品的前端开发工作，为用户提供更好的前端体验，提供前端解决方案2、为团队积累和分享最佳开发实践／流程和工具任职资格:1、精通前端技术

TonyLan·2024-02-12 15:06

前端面试每日 3+1 —— 第74天

[js]写一个方法随机生成指定位数的字符串[软技能]说下你对互联网行业及前端技术发展趋势的看法《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。

浪子神剑·2024-02-12 15:41

(十九) watch的正确使用方法和备注

本节知识点watch(一)概述在项目的初期我们可以用webpack-dev-server来充当服务器。但是随着项目的一步步深入。这个效果就太低了。我们每次都需要保存后手动打包。实在效率低下。

我拥抱着我的未来·2024-02-12 14:35

推荐频道

前端技术-webpack