E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
webpack前端工程化
Webpack
4-配置
module.rule.parser解析选项对象。所有应用的解析选项都将合并。解析器(parser)可以查阅这些选项,并相应地禁用或重新配置。大多数默认插件,会如下解释值:将选项设置为false,将禁用解析器。将选项设置为true,或不修改将其保留为undefined,可以启用解析器。然而,一些解析器(parser)插件可能不光只接收一个布尔值。例如,内部的NodeStuffPlugin差距,可以
16325
·
2024-09-10 08:13
修改打包后element-ui的字体文件名;JS文件名;CSS文件名
就想办法给全部重新命名修改字体文件该方法不起作用——在vue.config.js里面配置打包时的fonts名称;其他场景下可能会适用记录一下constTimestamp=newDate().getTime();chain
Webpack
静纸~
·
2024-09-10 06:29
vue.js
前端
javascript
React css自动原子化
效果打包效果对比原子化前->原子化后(gzip压缩之前,由于css原子化之后gzip压缩比率降低,导致效果没有压缩前明显)以下为原子化完成后
webpack
打包出的代码片段打包后部分js片段打包后
qq_42274451
·
2024-09-10 04:15
javascript
前端
Node.js入门与生态全解析:包管理与构建工具详解
Node.js入门与生态全解析:包管理与构建工具详解目录包管理使用npm和yarn:项目依赖管理的利器创建和发布npm包:实现模块化与共享⚙️构建工具使用
Webpack
和Babel:高效打包与代码转换配置构建流程
Switch616
·
2024-09-09 17:46
前端
node.js
服务器
前端
es6
前端框架
开源GIS与Vue结合
相关插件安装推荐使用npm的方式安装,它能更好地和
webpack
打包工具配合使用。
桃子味的白开水
·
2024-09-09 04:31
Webpack
| vite | Rollup | Gulp | Grunt 比较
Webpack
webpack
可以说是当前最流行的模块化管理工具和打包工具。其通过loader的转换,可以将任何形式的资源视作模块。它还可以将各个模块通过
前端阿彬
·
2024-09-09 03:41
前端实用知识学习
webpack
gulp
前端
vite
打包工具
Vue3+vite打包配置及部分打包优化~
这里介绍的是vite项目的打包配置,若想了解
webpack
打包配置可看我的其他博客。(下面来介绍下vite打包配置的步骤)1、步骤一:配置base。(为什么需要配置base?
炒毛豆
·
2024-09-09 02:39
vue.js
前端
Vue UI框架 ElementUi的使用 以及
webpack
.config.js配置
1.对于elementUI的简单说明基于Vue的UI框架=>饿了么公司基于vue开的的vue的Ui组件库=>ElementUi基于vuepc端的UI框架官网=>http://element.eleme.io/2.elementUI的使用(1)找官网http://element.eleme.io/#/zh-CN/component/quickstart(2)安装cnpmielement-ui-S-S
七三里
·
2024-09-08 10:46
Vue基础中的基础+实战
基于 React & TypeScript &
Webpack
的微前端应用模板
m-fe/react-ts-
webpack
在Web开发导论/微前端与大前端一文中,笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。
weixin_33806300
·
2024-09-08 02:48
前端
webpack
javascript
ViewUI
【微前端】ReactJS实现微前端的代码架构
【微前端】ReactJS实现微前端的代码架构目录【微前端】ReactJS实现微前端的代码架构通用步骤基于微前端的应用典型树结构:示例代码
Webpack
设置:Babel设置:配置
Webpack
别名:依赖管理
小涵
·
2024-09-08 01:43
前端框架
前端
react.js
架构
前端框架
javascript
microservices
微前端
Vue + ElementUI 实现全国各个省份相对应城市的联动选择_vue+elementui 省市区联动
+bs插件开发生产环境下如歌部署Node.js开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】网易内部VUE自定义插件库NPM集成谁说前端不用懂安全,XSS跨站脚本的危害
webpack
2401_84617681
·
2024-09-07 22:52
程序员
前端
面试
学习
解决使用脚手架构建项目缺失node_modules文件夹文件问题
vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了,排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹,在我排除了node环境、和配置的环境变量、vue-cli和
webpack
weixin_30414635
·
2024-09-07 20:38
javascript
webpack
前端
ViewUI
浅谈PostCSS
sass是很常用的css预处理器语言,在
webpack
中要使用它,需要安装sass-loader,而sass-loader又依赖于node-sass。
三翼鸟数字化技术团队
·
2024-09-07 18:56
前端
效能提升
postcss
前端
javascript
webpack
打包后输入url第一个访问到的是什么
当你使用
Webpack
打包后,访问生成的URL时,浏览器首先会请求打包输出的HTML文件。
m0_73882020
·
2024-09-07 11:06
webpack
前端
node.js
class 7: vue.js 3
前端工程化
因此,我们需要使用
webpack
或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史
webpack
VueCLI脚手架前端发展史Web早期:也就是互联网发展早期,前端开发人员只负责写静态页面
Clarence Liu
·
2024-09-07 07:39
vue
前端
vue.js
javascript
CSS Vue3深度选择器
style标签中需要改变vant组件的样式时,需要使用到深度选择器背景:scope样式私有化,避免样式冲突原理:在css中使用过选择器的选择过元素(组件下)元素生成添加一个属性=>data-v-hash值
webpack
不叫虎子
·
2024-09-06 22:42
CSS
css
前端
html
【前端Vue】06 - VueCLI 脚手架
VueCLI是一个官方发布vue.js项目脚手架,使用vue-cli可以快速搭建Vue开发环境以及对应的
webpack
配置。2.使用VueCLI需要做的准备2.1安装NodeJS下载地址。
itlu
·
2024-09-06 06:50
(一)搭建环境利用babel转换为es5的方法
所以我们要把这种语法转化成ECMA5.0的语法,要是使用
webpack
的话,他有自动编译的功能。除了
Webpack
,我们还可以使用Babel来完成。
我拥抱着我的未来
·
2024-09-05 16:28
webpack
loader
Webpack
的loader是按照相反的顺序执行的。具体来说,
Webpack
会从配置中use数组的最后一个loader开始,依次向前执行。
_Rookie._
·
2024-09-04 21:19
webpack
webpack
前端
node.js
webpack
plugin
Webpack
的插件(plugin)和loader的执行顺序有所不同。插件的执行顺序是按照它们在配置中的声明顺序执行的,而不是倒序执行。
_Rookie._
·
2024-09-04 21:16
webpack
webpack
前端
node.js
vue脚手架的创建
一、安装node环境切换阿里云镜像npmconfigsetregistryhttps://registry.npm.taobao.org2、全局安装vue-cli和
webpack
已经安装过node.js
熟悉的新风景
·
2024-09-03 19:00
vue.js
前端
javascript
28.
前端工程化
背后的项目组织设计(下)
承接上一节的内容,本节来继续学习
前端工程化
中依赖关系相关的内容。在此之前,先回顾一下「项目组织」主题的知识点:说到项目中的依赖关系,我们往往会想到使用yarn/npm解决依赖问题。
ikonan
·
2024-09-03 16:51
vue 高德地图api爬坑之路(一)初始化
集成:public/index.html添加vue.config.js添加高德地图配置configure
Webpack
:{externals:{'AMap':'AMap'//高德地图配置}},vue代码
小C_cao
·
2024-09-03 08:53
java
vue
高德地图API
vue-cli
webpack
打包报错:Unexpected token: punc (()
本来项目完美打包,后来我增加了一个插件vue-ionicons,打包build就是报错:ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken:punc(()[./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2
曹天骄
·
2024-09-02 01:13
vue
UglifyJs Unexpected token: punc (,)
vue打包报错:查到几种可能原因,一一排除@click调用方法传参多了个逗号仔细检查了,确认没有写多逗号uglifyjs-
webpack
-plugin代替
webpack
.optimize.UglifyJsPluginyarnuglifyjs-
webpack
-plugin
触不到的颜色是否叫彩虹
·
2024-09-02 01:42
vue.js
webpack
webpack
打包报错UglifyJs Unexpected token: punc (,)
项目当dev命令运行时能正常运行,打包后却报错UglifyJsUnexpectedtoken:punc(,),>yarnbuildCreatinganoptimizedproductionbuild...Failedtocompile.Failedtominifythebundle.Error:static/js/main.jsfromUglifyJsUnexpectedtoken:punc(,)
enjoy嚣士
·
2024-09-02 01:09
React+Antd
webpack
前端
node.js
【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程
文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一:vite打包方法二:
webpack
打包
webpack
执行流程总结前言正式开始学习前确保确保你已掌握前端三件套:HTMLCSSJavaScript
秋说
·
2024-09-01 22:52
前后端项目开发
前端框架
vue.js
前端
html
css
JavaScript
以下是几种常见的方式,包括在
Webpack
和 Vite 中的具体实现。
其中一个常见的优化是在生产环境中移除console.log日志,从而减少不必要的日志输出,提高应用性能
webpack
生产环境优化1.环境判断首先,我们需要判断当前环境是否为生产环境。
云只上
·
2024-09-01 12:50
前端
javascript
vue.js
TypeScript+Vue
Vue官方TypeScript支持文档初始化项目使用@vue/cli创建模版项目(啥是@vue/cli)具体操作自行百度提示:@vue/cli脚手架默认生成的项目是零
webpack
配置,但是可以支持自定义
神小夜
·
2024-09-01 10:07
前端
vue
typescript
深入理解
webpack
自动刷新浏览器
文章目录1.自动刷新浏览器1.1监听文件变化1.1.1方式1.1.2原理1.2自动刷新浏览器1.2.1原理2.模块热更新2.1两种方式2.1.1
webpack
-dev-server2.1.2
webpack
-hot-middleware
前端子金
·
2024-09-01 07:18
webpack
webpack
模块热更新
自动刷新浏览器
dev-server
dev-middleware
90、使用
webpack
打包的项目优化方案
一、根据可视化工具查看项目打包
webpack
-bundle-analyzer可视化工具
Webpack
进行打包,到底打了多少包,每个包有多大?
world_7735
·
2024-09-01 03:43
vue项目打包压缩静态资源—使用compression-
webpack
-plugin
vue项目打包压缩静态资源—使用compression-
webpack
-plugin场景:vue项目打包上线后,资源加载缓慢,用户体验感差。
牛小妞~牛
·
2024-09-01 02:51
vue.js
webpack
前端
JavaWeb——
前端工程化
一、
前端工程化
1.什么是
前端工程化
:
前端工程化
是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,以提高效率和降低成本。
A_Tai2333333
·
2024-08-31 08:21
JavaWeb
前端
是什么让尤大选择放弃
Webpack
?面向未来的前端构建工具 Vite
写在开头前两天在知乎看到过一篇文章,大致意思是讲:字节跳动已经开始“弃用
Webpack
”,尝试在自研构建工具中使用类似Vite的ESmodule构建方式。
码民的飘柔
·
2024-08-30 12:42
前端
vue
前端
vue.js
webpack
面试
Vite
关于 Vue/React 的 cli 中运用
webpack
打包的原理简单解析
webpack
、
webpack
-cli的打包关于
webpack
对前端工程中进行资源文件进行打包处理的过程中,运用到的核心插件主要是
webpack
和
webpack
-cli,在react和vue对于打包各自工程中的
F-125
·
2024-08-30 12:41
webpack
vue.js
react.js
webpack
npm install
webpack
--save-dev为什么出错
下载
webpack
时候出错是什么原因错误是这样的错误的原因是这样的错误是这样的PSF:\web-lcm\
webpack
>npminstall
webpack
--save--devnpmWARNinstallUsageofthe
阳光下的女汉子
·
2024-08-30 12:41
webpack学习
vue.js
webpack
面试题——为什么vite打包速度比
webpack
快
vite采用了不同的开发模式,相较于
webpack
的先打包再启动服务器,vite则是直接启动,在请求模块时再进行实时编译,在大型项目中,这种按需动态编译的模式极大地缩短了时间vite充分利用了现代浏览器对
想看看风景
·
2024-08-30 12:10
webpack
前端
node.js
【前端面试题】
前端工程化
、
Webpack
、Vite、Git项目管理相关问题
目录关于
前端工程化
关于
Webpack
关于Vite关于Git项目管理综合性问题关于
前端工程化
1.
前端工程化
的定义和好处问题:什么是
前端工程化
?它的主要好处是什么?
快乐点吧
·
2024-08-30 12:39
前端
webpack
git
webpack
4手动搭建Vue项目
小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具,和npm的用法基本一样学习总结1.多看看
webpack
官网2.
webpack
的作用:配置一堆东西,达到运行程序的目的
YUELEI118
·
2024-08-30 12:37
前端
vue.js
前端
webpack
【面试题】2024前端面试真题_中国电信前端面试(1)
react.meno第二个参数是什么pureComponent手写代码实现一个有状态的倒计时浏览器强缓存,cacle-control有哪些字段浏览器缓存原理微信原生小程序性能指标有没有看过qiankun的底层原理
webpack
5
2401_84437604
·
2024-08-30 12:05
程序员
前端
面试
职场和发展
前端面试题-Vite的打包速度为什么比
Webpack
快?
今天继续为大家分享一道面试题大家都知道,Vite和
Webpack
是前端开发中用来构建项目的两个框架,
Webpack
是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?
爱学英语的程序媛
·
2024-08-30 12:04
面试题
前端
webpack
node.js
关于vue2运行时filemanager-
webpack
-plugin报错isFile is undefind
当我们在运行时报此错误时,在vue.config.js里找一下filemanager-
webpack
-plugin的配置路径。
又写了一天BUG
·
2024-08-30 12:34
webpack
前端
node.js
【Node.js 常用命令(第五篇)】揭秘Node.js:掌握这些常用命令,让你在开发路上风生水起!
目录前言30条常用的Node.js的命令(第1~120条在上一篇)121.gulp-流式自动化构建系统122.grunt-经典的任务运行器123.
webpack
-merge-合并
Webpack
配置124
雷神 Leo
·
2024-08-28 21:15
经验分享类
#
前端
后端
node.js
webpack
vue-loader was used without the corresponding plugin
webpack
vue-loaderwasusedwithoutthecorrespondingplugin.MakesuretoincludeVueLoaderPlugin
webpack
在配置的时候总是报这个错在网上找了很多方法都不行按照网上的方法配置
轩辕夜空
·
2024-08-28 09:17
【Vue3 工程自动化】自动导入多个组件
一、Vue2.X版本:require.context()require.context(dirname,useSubdirectories,RegExp)是一个
webpack
的api,通过该函数可以获取一个上下文
MagnumHou
·
2024-08-28 03:17
Vue
Vite+Vue3
前端工程化
打包优化
自动化
vue.js
前端
vue 如何合并两个 项目_Vue.js中用
webpack
合并打包多个组件并实现按需加载
webpack
作为一种模块化打包工具,随着react的流行也越来越流行。使用Vue开发项目时,如果要使用其单文件组件特性,必然要使用
webpack
或者browserify进行打包,对于
weixin_39959236
·
2024-08-28 02:42
vue
如何合并两个
项目
vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化
Vue基础学习之项目整合及优化前言使用
webpack
构建过Vue项目的同学应该知道alias的作用,我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401
·
2024-08-28 02:42
vue
如何合并两个
项目
Webpack
配置及工作流程
Webpack
是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。
开发小途
·
2024-08-28 02:40
webpack
前端
Vue多页面应用程序的构建
1、利用vue脚手架快速搭建项目目录a、vueinit
webpack
test生成项目目录b、npminstall安装项目依赖c、npmrundev运行项目页面2、新建项目文件:根目录下:html文件one.html
苦咖啡Li
·
2024-08-27 14:48
Loader,Plugin
Webpack
中的Loader和Plugin是两个非常重要的概念,它们都用于扩展和增强
Webpack
的功能,但在作用方式和使用场景上有所不同:Loader(加载器):Loader主要用于转换某些类型的模块
每天吃饭的羊
·
2024-08-27 13:17
前端
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他