前端技术-webpack 第24页

技术知识点：Treeshaking是什么？

“Treeshaking”是一个术语，通常用在现代前端开发和模块打包工具（如Webpack、Rollup等）的上下文中。它指的是一种

诸葛妙计·2024-01-14 00:12

java计算机毕业设计疗养院管理源码+系统+数据库+lw文档+mybatis+运行部署

+mybatis+运行部署java计算机毕业设计疗养院管理源码+系统+数据库+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

明鸣科技·2024-01-13 20:59

计算机毕业设计Java学生考勤管理系统(源码+系统+mysql数据库+lw文档

系统+mysql数据库+lw文档计算机毕业设计Java学生考勤管理系统(源码+系统+mysql数据库+lw文档）本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

今晚的月亮真好看·2024-01-13 20:04

java毕业生设计学生考勤管理系统计算机源码+系统+mysql+调试部署+lw

+系统+mysql+调试部署+lwjava毕业生设计学生考勤管理系统计算机源码+系统+mysql+调试部署+lw本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

游游科技·2024-01-13 20:32

基于JAVA学生考勤管理系统计算机毕业设计源码+系统+数据库+lw文档+部署

学生考勤管理系统计算机毕业设计源码+系统+数据库+lw文档+部署基于JAVA学生考勤管理系统计算机毕业设计源码+系统+数据库+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

德绅科技·2024-01-13 20:02

微前端无界机制浅析

同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。

快乐非自愿·2024-01-13 18:15

Vue.js 学习Day1

Vue.js-Day1课程介绍前5天：都在学习Vue基本的语法和概念；打包工具Webpack,Gulp后5天：以项目驱动教学；什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架

cf6d95617c55·2024-01-13 17:59

vue.js 2.9.5 新建工程及升级到webpack4

webpack4已经发布好长时间了，鉴于最近才对工程升级完毕，其中发现了不少问题，所以针对新手把新建工程及升级webpack4的配置发布出来。

Horyan·2024-01-13 16:09

项目打包时，去掉console.log

1、build文件夹下webpack.prod.conf.js文件2、打开此文件找到warnings:false（大概在38行）3、添加代码//移除consoledrop_console:true,pure_funcs

搬砖侠·2024-01-13 15:03

Uncaught (in promise) ReferenceError: require is not defined

中加载项目路径下的资源图片,起初按照之前vue的写法require但浏览器却抛出了异常Uncaught(inpromise)ReferenceError:requireisnotdefined因为require采用的webpack

survivorsfyh·2024-01-13 14:27

npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

今天刚来公司启动项目就给我报下面的错误百度一下，通常报这个错的原因是：webpack-dev-server版本存在问题解决办法：安装webpack-dev-server低版本号方法一：删除node_modules

听听那晚风·2024-01-13 13:19

Vue的使用 -- 基于Vue搭建前端页面

Vue的使用–基于Vue搭建前端页面首先，用到的前端技术只有Vue、Element-ui、axios、Echarts，至于其它的技术点，我一个后端很少接触。

十⑧·2024-01-13 12:25

vuePress学习

Vue驱动享受Vue+webpack的开发体验，可以在Markdown中使用Vue组件，又可以使用Vue来开发自定义主题。

亮学长·2024-01-13 11:59

webpack vite对比

1.底层的语言webpack是基于nodejs构建，js是以毫秒计数。vite是基于esbulid预构建依赖，esbulid是采用go语言编写的，go语言是纳秒级别的。

Joanne_Tang·2024-01-13 10:50

【Webpack】预处理器 - loader配置介绍

预处理器(loader)，的主要功能是赋予了Webpack可处理不同资源类型的能力，极大丰富了其可扩展性。

loyd3·2024-01-13 08:39

前端项目优化:减少webpack打包体积

前言最近自己买个云服务器,把之前搭建的webpack-vue项目进行了部署,现在项目已经成功了。

青阳流月·2024-01-13 08:33

九、IndexedDB前端缓存

为什么需要IndexedDB随着前端技术的发展和浏览器功能的不断增强，越来越多复杂的交互和业务需求需要前端来实现，其中一种常用的优化方式就是本地存储数据，减少从服务器获取数据，直接从

arguments_zd·2024-01-13 06:22

vue解决打包后文件过大的问题-使用压缩插件打包后压缩文件-compression-webpack-plugin

开发项目的时候，经常会面临一个文件，就是打包以后文件太大，首页加载时间长的问题，一般我们会从压缩文件，cdn引入文件，加载整合雪碧图等等的方式来优化，这里来谈谈压缩文件，主要使用的插件：compression-webpack-plugin

浩星·2024-01-13 06:14

vue.config.js 打包、压缩配置compression-webpack-plugin

varfs=require('fs')constpath=require('path')constUglifyJsPlugin=require('uglifyjs-webpack-plugin')//constwebpack

拿回忆下酒·2024-01-13 06:44

Vue中打包时压缩插件：compression-webpack-plugin

安装compression-webpack-plugincnpmi-Dcompression-webpack[email protected]中配置：constCompressionWebpackPlugin

疆~·2024-01-13 06:44

compression-webpack-plugin报错问题

vue-cli项目中使用compression-webpack-plugin版本问题报错，查阅资料才知道是因为在执行npminstall时安装了最新的版本，你只需要npminstall--save-devcompression-webpack-plugin

前端打工仔小剑儿·2024-01-13 06:43

Vue配置compression-webpack-plugin实现Gzip压缩

gzip简介HTTP协议上的gzip编码是一种用来改进web应用程序性能的技术，web服务器和客户端（浏览器）必须共同支持gzip。目前主流的浏览器，Chrome,firefox,IE等都支持该协议。简单来说，gzip是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。那么客户端和服务器之间是如何通信来支持gzip的呢？通过下图我们可以很清

小芬熊·2024-01-13 06:42

Vue中打包压缩插件：compression-webpack-plugin

1.httpgzip介绍Encodingtype：gzip：GNUzip压缩格式，也是互联网上最流行的压缩格式；deflate：zlib（deflate）压缩格式，流行程度仅次于gzip；br：一种专门为HTTP优化的新压缩算法（Brotli）。HTTP协议为此定义了两个Accept请求头字段和两个Content实体头字段，用于客户端和服务器进行“内容协商”。也就是说，客户端用Accept头告诉服

半夏_2021·2024-01-13 06:09

Vue使用 compression-webpack-plugin 开启Gzip压缩

2、如何生成gzip文件利用compression-webpack-plugin插件开启Gzip压缩安装命令行执行：cnpmic

程序Ms_Wqh·2024-01-13 06:38

VUE项目webpack打包使用compression-webpack-plugin压缩优化

2.减小前端打包后的文件体积降低前端打包后的文件体积这个方向，衍生出很多方法，比如图片压缩，雪碧图，优化代码，webpack的tree-shaking等。

Pa灬糯米·2024-01-13 06:38

关于vue-cli的一些整理

vue脚手架1、如何引入插件修改build/webpack.base.conf.js文件，varwebpack=require("webpack")//1.确保引入webpack，后面会用到module.exports

_conquer_·2024-01-13 04:22

使用webpack-stream

由于gulpbabel解析的async不能直接用，是有require的，还需要再转一下刚好又知道了有webpack-stream这个gulp的插件故就直接用这个来编译jsnpminstallbabel-loaderbabel-corebabel-preset-env

YellowPoint·2024-01-13 03:41

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（六）

《诗·小雅·小旻》：“战战兢兢，如临深渊，如履薄冰。”01.Nodejs安装与使用什么是Node.js？什么是前端工程化？Node.js为何能执行JS？查看当前使用的Node.js版本：node-v执行JS：node01.jsNode.js安装总结02.fs模块-读写文件加载fs模块对象到自己编写的js文件中，进行写与读数据流对象默认为十六进制，使用toString方法转化03.path模块-路径

卡皮巴拉·2024-01-13 02:24

ERROR in static/js/xxx.js from UglifyJs Unexpected token name «currentVersion»

js/xxx.jsfromUglifyJsUnexpectedtokenname«currentVersion»,expectedpunc遇到这种异常,需要运行下面脚本运行npmi-Duglifyjs-webpack-plugin

gys9895·2024-01-13 02:51

AJAX入门到实战，学习前端框架前必会的（ajax+node.js+webpack+git）（七）

08.什么是模块化？CommonJS标准09.ECMAScript标准-默认导出和导入10.ECMAScript标准-命名导出和导入11.包的概念实操：server.jsutils/lib/index.jsutils/package.json12.npm-软件包管理器13.npm-安装所有依赖从别处（网上、其他人手中）拿到写好的项目，一般不携带node_modules文件夹（所占存储空间大）但有p

卡皮巴拉·2024-01-13 02:20

node 第二十一天 webpack 初见

为什么需要学习（了解）webpackwebpack是前端工程化的基石，webpack又是基于node进行文件打包bundle，所以作为前端起手学习node服务端开发，同时学习webpack是很有必要的。

飞衡、如日之升·2024-01-13 02:50

鸿鹄电子招投标系统：企业战略布局下的采购寻源解决方案

同时，通过VUE、Uniapp、Layui等前端技术，实现了与供应商的快速交互和信息共享。功能模块：待办消息

m0_66404702·2024-01-13 01:12

vue3.2引用unplugin-vue-components插入，解放开发中import组件

unplugin-vue-components插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结Q&A前言unplugin-vue-components是一个用于Vue.js项目的插件，特别适用于Vite和Webpack

Alex_Drag·2024-01-13 00:51

webpack实战——模块打包

写在前面这是webpack实战系列的第二篇：模块和模块打包。

流眸Tel·2024-01-13 00:01

利用gulp工具对常规web项目进行压缩打包

Marco-hui·2024-01-12 23:59

webpack4图片转换成base64以及字体的处理

如何使用：npminstall--save-devurl-loaderwebpack.config.jsmodule.exports={module:{rules:[{test:/\.

最底层的技术渣·2024-01-12 21:09

Vue<滑动标尺>

（引用别人的js，比较多，所以就放最下面了）效果图：huadong.gif代码如下：首先需要npminstall--sjquery在build/webpack.dev.conf.js,build/webpack.prod.conf.js

誰在花里胡哨·2024-01-12 21:51

N-138基于springboot,vue在线教育平台

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot

IT教程资源·2024-01-12 21:51

N-137基于springboot,vue运动会报名管理系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+Avue+ElementUI服务端技术：springboot

IT教程资源·2024-01-12 21:19

Webpack入门之loader篇

什么是LOADERwebpack本身只能打包Javascript文件，对于其他资源例如css，图片，或者其他的语法集比如jsx，是没有办法加载的。这就需要对应的loader将资源转化，加载进来。

841只·2024-01-12 21:47

Vue项目的创建（详细步骤）

Vue项目的创建1.安装node.js2.安装cnpm3.安装vue-cli脚手架构建工具4.用vue-cli构建项目5.安装项目所需的依赖6.运行项目vueinitwebpack、vuecreate创建项目产生的项目文件区别说明项目目录结构

Little_Star*·2024-01-12 20:28

VS CODE之vue.js基本知识一

vscode建项目布置切换使用语言：搜索框直接搜索该语言的英文，点击安装即可文件目录管理：设置颜色主题：一些通用操作：推荐安装的插件Vue.js项目技术栈Vue.js,Vue-Router,webpack

w??oo.·2024-01-12 19:54

2019-04-25 npm install 报错

(err,written,buffer){});版本10以下写法：fs.write(fd,buf,0,buf.length,0,function(err,written,buffer){});如果项目webpack.p

追寻1989·2024-01-12 19:33

Vue 组件学习总结

当项目调试时webpack打包演示项目的入口文件来进行演示和调试，在发布组件库时webpack打包组件库的入口文件。将打包完的组件发布到npm。

VioletJack·2024-01-12 19:35

从零编写 vue 后台管理系统（01）

主要实现功能：登录导读从零编写vue后台管理系统（01）了解webpack-template模板生成的文件夹的含义。

lkinga·2024-01-12 18:29

鸿蒙开发入门之让 httpRequest 支持 Cookie

作者：王晨彦前言要说最近前端技术圈什么最，那一定非「遥遥领先」的HarmonyOS莫属，本着对新技术的追求精神（扶我起来……），咱们也来尝试一下。

OpenHarmony_小贾·2024-01-12 17:35

element-ui

访问官网:https://element.eleme.cn/#/zh-CN/component/installation,查看组件指南安装在工程目录下,使用npm的方式安装，它能更好地和webpack打包工具配合使用

峰＃·2024-01-12 14:44

【持续更新】汇总了一份前端领域必看面试题

文章目录1.写在前面2.前端面试汇总2.0.1.如何提⾼webpack的打包速度2.0.2.数组去重2.0.3.前端有几种缓存方式？2.0.4.nextTick描述一下？

吴秋霖·2024-01-12 14:11

《二十九》自动化构建工具 Gulp

Gulp和Webpack的区别：Gulp的核心理念是taskrunner。可以定义一系列任务，等到任务被执行；是基于文件Stream的构建流；可以使用Gulp的插件体系来完成任务。

花铛·2024-01-12 12:12

《三十》模块化打包构建工具 Rollup

Rollup和Webpack的区别：Rollup也是一个模块化的打包工具，但是它主要是针对ESModule进行打包的（当然也有解决办法可以处理其他模块化代码）；Rollup更多时候是专注于处理JavaScript