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
1优化
webpack
打包体积的思路优化
webpack
打包体积的思路包括:提取第三方库或通过引用外部文件的方式引入第三方库:将第三方库单独打包,并通过CDN引入,减少打包体积。
亮学长
·
2024-01-25 01:06
webpack
vue使用less报错
Found:
webpack
@3.12.0npmERR!node_modules/
webpack
npmERR!dev
webpack
@"
北风吖
·
2024-01-24 23:14
开始学习Vue2(脚手架,组件化开发)
它简化了程序员基于
webpack
创建工程化的Vue项目的过程引用自vue-cli官网上的一句话:程序员可以专注在撰写应
Mangcun_tutu
·
2024-01-24 23:11
学习
vue 计算文件hash值_vue项目打包文件增加hash值
vue项目打包文件增加hash值vue-cli2项目修改vue项目根目录下的build/
webpack
.prod.conf.js文件js文件:output:{path:config.build.assetsRoot
weixin_39933895
·
2024-01-24 22:33
vue
计算文件hash值
前端工具
推荐 PxCook
1、PxCook介绍PxCook(像素大厨)适合于根据UI提供的网页设计图来书写前端网页代码的时候其优势在于小巧、操作简单,页面简洁,可以知道设计图中各个元素的尺寸、颜色、其中字体大小颜色和与其他元素的距离,同时选中元素后会展示相关书写网页代码所需的元素信息以及对应的css样式,当然最让人开心的是可以免费使用在不知道该软件前我是用的ps来对设计图进行相关元素信息的获取,但是知道该软件后果断使用Px
平平无奇 > _ <
·
2024-01-24 22:19
前端
webpack
初始化
1.下载
webpack
webpack
-cli到项目(版本独立)**npmi
webpack
webpack
-cli--save-dev**2.项目中运行工具命念,采用自定义命令的方式(局部命令)
学知识拯救世界
·
2024-01-24 22:12
node
node
node.js
Tree-Shaking 作用和实现原理
在前端开发中,特别是在使用模块化工具(如
Webpack
、Rollup等)构建应用程序时,通常
王新焱
·
2024-01-24 21:52
tree-shaking
前端工程化之
webpack
<一>
一、
Webpack
和打包过程编写的代码==》经过打包工具(glup、rollup、
webpack
、vite)本身也是js代码,读取文件操作的,依赖于node环境==》普通的html、css、javascript
原来是有理数
·
2024-01-24 21:21
前端
webpack
node.js
打包工具
前端工程化
webpack
核心武器:loader 和 plugin 的使用指南(下)
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录四、Plugin的功能和应用解释什么是PluginPlugin的作用和使用场景常见的Webpa
阿珊和她的猫
·
2024-01-24 21:50
webpack
前端
node.js
http
loader
plugin
Webpack
5 基本使用 - 3(完结)
环境区分可以定义多个配置文件,通过
webpack
-merge合并配置文件。
丶清风不问烟雨
·
2024-01-24 21:45
前端
webpack
Webpack
5 基本使用 - 2
webpack
默认只能打包js文件,打包其它模块就需要配置loader来告诉
webpack
该怎么去打包其它文件。loader可以将文件从不同的语言转换为JavaScript。
丶清风不问烟雨
·
2024-01-24 21:42
前端
webpack
软件构建
解决跨域请求问题
在vue.config.js中的module.exports下设置即可chain
Webpack
:(config)=>{config.resolve.alias.set('@',resolve('src'
娃哈哈哈哈呀
·
2024-01-24 20:20
前端
javascript
html
ERROR in The “path“ argument must be of type string. Received undefined
在前端开发中,用
webpack
打包时,有时候会遇到如题这个错误。比如我机器上的某个工程,以下的
webpack
的配置:output:{path:‘.
ygwelcome
·
2024-01-24 20:18
知识点滴
3-
webpack
回顾
这里我们会回顾所有跟
webpack
相关的内容image.png一.搭建项目目录结构distsrccsslessimagesjsfontsindex.htmlindex.js二.什么是Node.js一个用
梦想成为小仙女
·
2024-01-24 19:38
webpack
常用配置
1.
webpack
概念本质上,
webpack
是一个用于现代JavaScript应用程序的静态模块打包工具。
Follow_the_heart
·
2024-01-24 17:31
webpack
前端
webpack
详细安装以及
webpack
.config.js配置,package.json配置
什么是
webpack
?Secondly需要了解这三者关系!
real-songyue
·
2024-01-24 14:13
webpack
javascript
json
webpack
如何把dist.js中某个模块js打包成一个全局变量,使得在html引入dist.js后可以直接访问
webpack
可以通过使用expose-loader来将模块中的一个js文件暴露为全局可以访问的变量。
Wxinin
·
2024-01-24 14:09
webpack
javascript
前端
“高级SPA项目构建与路由实现“
目录引言1.SPA项目构建1.1安装vue-cli,
webpack
1.2创建Vue.js项目1.3“一问一答”模式1.4启动项目2.SPA项目完成路由3.基于SPA项目完成嵌套路由总结引言在现代Web开发中
叶秋∵
·
2024-01-24 13:19
vue
webstorm设置修改文件后自动编译并刷新浏览器页面
这可急死我了,各种卸载
webpack
、
webpack
-dev-server,安装各种版本,调试。各种查资料查文档,都讲的是参数配置(
webpack
流丶年丶
·
2024-01-24 13:22
webstorm
webstorm
基于taro搭建小程序多项目框架
灵感来自最近
webpack
的多项目打包构建起步首先你得先安装好taro脚手架,然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选
液态不合群
·
2024-01-24 12:34
taro
小程序
apache
Vue.js - Day5 -
Webpack
Vue.js-Day5-
Webpack
在网页中会引用哪些常见的静态资源?
砖工
·
2024-01-24 12:04
前端开发WebStorm
WebStorm是一款功能强大的JavaScript集成开发环境,凭借智能代码补全、实时分析和代码重构、集成版本控制、强大的调试和测试工具、实时预览和集成
前端工具
以及自定义配置和插件支持等功能,成为开发者首选的利器
lx53mac
·
2024-01-24 10:39
Mac软件
webstorm
ide
vue3 项目中如何输出
webpack
的config.js
这个配置文件的获取方法:MicrosoftWindows[版本10.0.16299.1932](c)2017MicrosoftCorporation。保留所有权利。C:\Users\easygoo>d:D:\>cdvue3\case1D:\vue3\case1>dir驱动器D中的卷是V9卷的序列号是96FC-9BACD:\vue3\case1的目录2021-05-2918:12.2021-05-2
it农民2
·
2024-01-24 07:59
vue.js
web
app
npm install(报错)
legacy-peer-depsWARNERESOLVEoverridingpeerdependencynpmWARNWhileresolving:@intervolga/
[email protected]
:
webpack
My&Liu
·
2024-01-24 06:14
npm
前端
javascript
javascript事件
从小程序到各种混合开发的解决方案,从vue,react到angular,从canvas到three.js甚至webgl,从cmd到nodejs,从gulp到
webpack
,各种技术让人眼花缭乱,感觉学不过来了有没有
特例独爬的蜗牛
·
2024-01-24 05:37
Vue前端环境搭建以及项目搭建
配置新的镜像源npmconfigsetregistryhttps://registry.npmmirror.com安装
webpack
webpack
是前端项目打包工具。
四矢
·
2024-01-24 05:18
Web前端
前端
vue.js
javascript
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+
webpack
+git)(十)
又是认真学习的一天。1.Git初识2.掌握Git仓库3.Git的三个区域gitls-files查看当前暂存区有哪些文件4.Git文件状态5.Git暂存区使用使用gitrestore命令恢复修改过的index.css使用gitrm--catched命令从暂存区移除index.css文件再用gitadd.放回9(皮一下)6.练习-登录页面查看提交历史gitlog--oneline7.Git回退版本关于
卡皮巴拉
·
2024-01-24 04:15
框架前置
node.js
学习
前端框架
ajax
前端
git
webpack
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+
webpack
+git)(八)
16.什么是
webpack
?
卡皮巴拉
·
2024-01-24 04:45
node.js
学习
前端框架
AJAX入门到实战,学习前端框架前必会的(ajax+node.js+
webpack
+git)(九)
26.搭建开发环境开发环境|
webpack
中文文档(docschina.org)之前运行时出现的警告和mode配置有关目标11:配置开发服务器环境
webpack
-dev-server11.1下载
webpack
-dev-server
卡皮巴拉
·
2024-01-24 04:42
node.js
学习
前端框架
ajax
前端
webpack
关于vue 动态引入(异步加载import和require)组件的方法和坑(按需懒加载组件,动态生成路由)babel-plugin-dynamic-import-node 优化编译速度
前言:最近在改造vue-cli2.x+
webpack
2.x的项目时,由于之前路由是静态的,没有根据菜单权限动态生成前端路由。所以想对此进行改造,然后碰到了一些问题和坑,现在总结一下,避免以后继续踩坑。
YorcentLuo
·
2024-01-24 02:45
前端
技巧
技能
vue.js
前端
javascript
webpack
打包bundle文件解析
一、一个入口,一个文件
webpack
.config.jsmodule.exports={entry:'.
wdapp
·
2024-01-24 01:18
webpack
核心,什么是Loader?
timg.jpg写在前面前面两篇文章,我们介绍了
webpack
一些概念和简单的配置,对
webpack
有了一个初步的了解。今天的文章,我们将进入
webpack
的核心内容。
喜剧之王爱创作
·
2024-01-24 00:22
前端Vue开发规范
review,另外可以提高项目的可维护性4.规范是实现自动化的基础5.规范是一个团队知识沉淀的直接输出项目结构node_modules//存放项目所有的依赖public//存放静态资源,项目打包的时候
webpack
朝阳若蓝
·
2024-01-23 22:05
#
L3:Interview
前端
vue.js
javascript
【
webpack
】2. loader---动态加载css样式,文件,数据
webpack
学习【
webpack
】1.快速入门【
webpack
】2.
webpack
核心–loader【
webpack
】3.将入口html也打包【
webpack
】4.
webpack
-dev-server
qq_33712668
·
2024-01-23 21:57
webpack
webpack
loader
前端
Vue-Cli项目如何查看依赖调用关系?
一、探索经过一番寻找,我发现了stats-
webpack
-plugin这个插件。链接中有这个插件在
webpack
中的使用方法。我下面的教程基本是参考了官方指引。二、安装和使用首先安装stats-
九里
·
2024-01-23 19:23
vue3项目运行慢 npm run serve 卡在40%不动弹
解决办法安装speed-measure-
webpack
-plugin查看编译过程中哪些地方消耗时间久,线程多。
青乌
·
2024-01-23 19:55
【
Webpack
】关于loader、plugin和代码分离的那些事儿
1.loader1.1css-loader&style-loader{test:/\.css$/i,use:['style-loader','css-loader'],}css-loader从css文件中提取css字符串,遇到css中的url图片地址,会将图片处理并添加到output指定目录,并将最终url引用地址替换原来url引用地址。style-loader转换成JS执行脚本:创建标签,将提取
古狼_guwolf
·
2024-01-23 15:30
前端开发
webpack
前端
node.js
如何让项目支持Typescript
d.ts文件编辑器语法检查和提示(vscode默认支持TypeScript语法,会根据tsconfig.json检查类型,并给出提示)eslint(tslint已经不再推荐)支持JSX使用react实现以
webpack
刷题刷到手抽筋
·
2024-01-23 15:49
将vue安装在devDependencies能不能行?
看到一个别人的vue项目,将vue放在了package.json的devDependencies中,我这就郁闷了,通过
webpack
打包,用的好好的。不是devDependencies用于开发环境吗。
strexGM
·
2024-01-23 15:10
vue.js
javascript
webpack
自己构建
webpack
+vue3+ts
先看看我的目录结构(我全局使用TS):一、安装配置
webpack
打包安装esnonpminstallesnoesno是基于esbuild的TS/ESNextnode运行时,有了它,就可以直接通过esno
strexGM
·
2024-01-23 15:07
webpack
前端
node.js
vue开发笔记
环境的确认node--versionnpm--version全局安装vue-cli安装命令:npminstall--globalvue-cli基于
webpack
模版的新项目创建一个基于
webpack
模版的新项目
jshan
·
2024-01-23 11:27
Vue -
webpack
npm run build 报错
最近在学习Vue-
webpack
的视频教程https://www.imooc.com/video/164022-1vue-loader+
webpack
项目配置这篇课程真的很坑人,跟着做一毛一样结果不断的报错
我常常问自己我是谁
·
2024-01-23 09:06
webpack
对项目优化
方案:
webpack
配置文件配置limit,将图片转换成base64流的形式存储
天蒙蒙亮
·
2024-01-23 09:15
webpack
性能优化
history路由解决刷新出现404的问题
具体流程(哈希模式):1.前端项目写完之后,把src件夹打包(利用
webpack
、babel把项目里面的jsx/vue、scss
天蒙蒙亮
·
2024-01-23 09:15
nginx服务器
node
javascript
node.js
css单位 % em rem vw vh vmin vmax pt ch ex
px像素(计算机屏幕上的一个点),项目开发中特别是移动端开发我经常会使用
webpack
将px转化为rem来适应屏幕宽度%百分比,理解为和父元素字符的相对大小,但是有几个注意点:1.对于普通元素,相对于父元素大小
BenjaminShih
·
2024-01-23 08:36
css
css
单位
em
rem
vw
关于 Angular 跨域请求携带 Cookie 的问题
使用框架及
Webpack
进行开发时,也可以通过插件实现反向代理。比如使用Angular的时候可以通过proxy.config.json进行跨域设置。
weixin_34167043
·
2024-01-23 08:31
javascript
前端
后端
ViewUI
vue-baidu-map在ie下不显示的问题
已经安装babel-polyfill,使用vue-baidu-map在IE下还是空白,地图不出现,主要是因为babel默认不会编译node_modules中的东西的,ie不识别,需要手动添加一下,才会编译在
webpack
.base.conf.js
凤凰挽歌_
·
2024-01-23 08:42
基于taro搭建小程序多项目框架,记重点了!!!
灵感来自最近
webpack
的多项目打包构建起步首先你得先安装好taro脚手架,然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选
QD_ANJING
·
2024-01-23 07:57
taro
小程序
前端工具
文档网站推荐(印记中文、程序员盒子、前站)
印记中文印记中文,号称是唯一与官方文档同步的前端中文文档站。由腾讯AlloyTeam创立&维护。这个网站里收集了很多工具、库等等的文档。印记中文-深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!-https://docschina.org/印记中文-深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!印记中文,深入挖掘国外前端新领域,为中国Web前端开发人员提供优质文档!!
崽崽的谷雨
·
2024-01-23 06:32
前端
工具
前端
umi2.x(
webpack
4.x)打包优化
优化缘由项目越来越大,依赖越来越多,打包后的js越来越大其中最大的js文件通过nginxgzip压缩后还有4MB,影响客户体验.查看文件打包分析cross-envANALYZE=1umibuild优化方法删除代码中冗余的,没有用到的第三方依赖将用得很少的依赖从node_modules中直接复制粘贴到本地项目代码中(实现按需加载),并npmuninstall此依赖使用umi-plugin-react
zhongshizhi91
·
2024-01-23 04:36
前端框架
前端
javascript
webpack
umi
上一页
7
8
9
10
11
12
13
14
下一页
按字母分类:
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
其他