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-6(编译过程)
一、
webpack
编译过程
webpack
的作用是将源代码编译(构建、打包)成最终代码。
小李老笨了
·
2024-01-27 22:23
前端
webpack
前端工程化之:
webpack
1-2(安装与使用)
一、
webpack
简介
webpack
中文网
webpack
是基于模块化的打包(构建)工具,它把一切视为模块它通过一个开发时态的入口模块为起点,分析出所有的依赖关系,然后经过一系列的过程(压缩、合并),最终生成运行时态的文件
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
node.js
前端工程化之:
webpack
1-3(模块化兼容性)
一、模块化兼容性由于
webpack
同时支持CommonJs和ES6module,因此需要理解它们互操作时
webpack
是如何处理的。
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
es6
前端工程化之:
webpack
1-5(配置文件)
一、配置文件
webpack
提供的cli支持很多的参数,例如--mode,但更多的时候,我们会使用更加灵活的配置文件来控制
webpack
的行为。
小李老笨了
·
2024-01-27 22:51
前端工程化
前端
webpack
前端工程化之:
webpack
1-1(构建工具)
一、浏览器端的模块化1.问题效率问题:精细的模块划分带来了更多的JS文件,更多的JS文件带来了更多的请求,降低了页面访问效率;兼容性问题:浏览器目前仅支持ES6的模块化标准,并且还存在兼容性问题;工具问题:浏览器不支持npm下载的第三方包。这些仅仅是前端工程化的一个缩影。当开发一个具有规模的程序,你将遇到非常多的非业务问题,这些问题包括:执行效率、兼容性、代码的可维护性可扩展性、团队协作、测试等等
小李老笨了
·
2024-01-27 22:21
前端工程化
前端
webpack
node.js
webpack
底层原理和使用方法
文章目录1.
webpack
的定义2.
webpack
的背景3.
webpack
的核心思想3.
webpack
的作用4.
webpack
的优势5.
webpack
的劣势6.对比其他打包工具7.
webpack
的浏览器兼容性
贫僧法号依平
·
2024-01-27 22:50
webpack
前端
node.js
前端框架
【Vue】1-3、
Webpack
中的 loader
一、概述在实际开发过程中,
webpack
默认只能打包处理以.js后缀结尾的模块。其他的非.js后缀名结尾的模块
webpack
默认处理不了,需要调用loader加载器才可以正常打包,否则会报错!
QX_Java_Learner
·
2024-01-27 22:35
Vue
vue.js
webpack
前端
【Vue】1-5、Source Map
二、解决默认SourceMap的问题开发环境下,推荐在
webpack
.config.js配置文件中添加如下的配置:module.exports={mode:'develo
QX_Java_Learner
·
2024-01-27 22:35
Vue
vue.js
前端
webpack
【Vue】1-2、
Webpack
中的插件
一、
Webpack
插件的作用通过安装和配置第三方的插件,可以拓展
webpack
的能力,从而让
webpack
用起来更方便。
QX_Java_Learner
·
2024-01-27 22:05
Vue
vue.js
webpack
前端
【Vue】1-4、打包发布
一、配置
webpack
的打包发在package.json文件的scripts节点下,新增build命令如下:"scripts":{"dev":"
webpack
serve",//开发环境中运行dev命令"
QX_Java_Learner
·
2024-01-27 22:32
Vue
vue.js
前端
webpack
webpack
5构建基于Vue3+ElementPlus项目搭建(开发和生产)
项目基于
webpack
5+vue3+ElementPlus环境构建主要配置文件:package.json插件使用和版本配置等信息.eslintrc.js启用eslint检测代码规范babel.config.jses
追逐梦想之路_随笔
·
2024-01-27 17:31
vue2/vue3全家桶
自动化构建工具
webpack
vue.js
javascript
从 0 开始搭建 React 框架
webpack
配置不再赘述,可参考前三个文章(wenpack5基本使用1-3)使用react安装react、react-dom、@babel/preset-reactyarnaddreactreact-dom
丶清风不问烟雨
·
2024-01-27 15:13
react.js
前端
前端框架
Uni-app开发小程序
踩坑
笔记 可关闭悬浮窗
场景近期工作中有一个需求,在小程序的多个页面添加一个可关闭的悬浮窗,这个悬浮窗结构简单,是由一张图片和一个关闭按钮组成,点击图片会跳转到活动页面的web-view。现在的需求是在某个页面关闭这个悬浮窗后,所有页面不再显示,直到下次进入小程序。问题需求看起来不是很难,只要在全局状态管理设置一个悬浮窗是否显示的状态即可,但实际开发中还是遇到了一些问题。也是小程序比较坑的一些地方。除非你重新进入小程序,
The 土川
·
2024-01-27 13:53
小程序
vue
uni-app
关于vue实现前端预览PDF文件
关于vue实现前端预览PDF文件几种情况方法1方法2方法3总结几种情况经过两天的
踩坑
。总结出以下几点预览pdf分别有。预览本地pdf文件、预览服务端PDF文件、以及预览osspdf文件。
花生喂龙乄卝
·
2024-01-27 13:41
web
vue
对接京东SDK
踩坑
背景最近刚好需要对接京东本地生活,部分接口和数据可以直接对接京东的开放平台,有一些敏感数据需要在京东云鼎上面入驻,然后在鼎内做一些业务逻辑,然后再将数据做一个转发,然后踩了一个坑就是京东SDK打包时未打包依赖的坑。场景对于这个获取敏感数据接口时,我们发现接口调不通后,我们也做了排查,根据下面情况进行了处理:首先增加日志,在关键位置打日志上一步通过日志大致已经定位到代码点,然后增加了trycatch
宏远十一冠王
·
2024-01-27 12:00
坑
java
ROS学习笔记(一) ubuntu和ros的安装
##声明:这里只为大家提供一个思路,细节操作请大家可以百度或者在csdn上搜索关键字,然后寻找具体操作Ubuntu安装安装Ubuntu我弄了一周时间,所以不断
踩坑
不断试坑,总结出一下经验,供大家参考。
万物皆可der
·
2024-01-27 10:12
ubuntu
linux
webpack
区分打包类库代码及代码优化
1.配置文件
webpack
.configconstpath=require('path')constVueLoaderPlugin=require('vue-loader/lib/plugin');constHTMLPlugin
季末丶晦夏
·
2024-01-27 10:33
centos搭建ftp
踩坑
记录
ftp服务器搭建参考b站视频第1坑,开放端口后仍然无法连接:这里不仅需要在防火墙打开20和21端口,还需要打开被动访问所使用的端口,也就是在配置文件vsftpd.conf中指定的被动访问接收端口。pasv_enable=YESpasv_min_port=40000pasv_max_port=40080如果是云服务器,还需要在平台上将平台上的防火墙的这些端口也打开。第2坑,500OOPS:vsftp
Gentlezzx
·
2024-01-27 10:06
Linux
centos
linux
运维
WSL2+ubuntu 18+VsCode 配置C/C++开发环境
踩坑
1.管理员模式打开cmd,或PowerShell,输入wsl--install可能出现的错误:无法解析服务器名称或地址解决方式:科学上网安装WSL时遇到“无法解析服务器名称或地址”的错误及解决方法-知乎错误2:Error0x80370102解决方式:开启虚拟机选项wsl2的Error0x80370102解决方案-知乎2.在微软商店中,找到ubuntu下载并打开(有时仍需科学上网)打开后可能的错误:
东都大白兔
·
2024-01-27 09:24
vscode
ide
编辑器
使用vue-cli-plugin-electron-builder打包electron遇到的坑
./",chain
Webpack
Main
@zjm
·
2024-01-27 09:34
vue.js
electron
前端
webpack
优化
treeshakingtreeshaking去掉我们没有使用的代码满足条件自动开启使用ES6模块化语法开启
webpack
生产环境配置可以在配置文件中使用sideEffects,*号代表全选"sideEffects
3fdd41da0a59
·
2024-01-27 09:39
npm sill idealTree buildDeps 安装
踩坑
指南
参考:https://www.yuucn.com/a/1565526.htmlhttps://blog.csdn.net/m0_65066691/article/details/128168066https://blog.csdn.net/Johanna51/article/details/123360477通过如下指令获得用户配置文件目录,删除.npmrc文件npmconfiggetuserco
春风霓裳
·
2024-01-27 06:30
前端
npm
前端
node.js
Vue使用svg图片-svg-sprite-loader插件
在vue2配合
webpack
;svg图片不存在id冲突,在使用时无需显示引入
禾苗种树
·
2024-01-27 06:28
UI组件二改
svg
vue.js
前端
javascript
clickhouse数据迁移到starrocks
踩坑
记录
-clickhouse数据迁移到starrocks-新建clickhouse外部表方式-经测试存在bigint转换问题官方已于23年9.8日修复等待下个版本(官方10天左右发布一个版本)-https://docs.starrocks.io/en-us/latest/data_source/External_table#create-and-manage-jdbc-resources-bug:htt
Thomas2143
·
2024-01-27 06:15
free
clickhouse
D4RL的
踩坑
记录
D4RL的env.get_normalized_score在调用d4rl的库函数时用了env.get_normalized_score这里遇到的问题是envhasnoattributeget_normalized_score后记D4RL的用法指南D4RL本质上是一个数据库,用于离线的强化学习D4RL的env和gym的环境并不同简单来说,gym提供的是在线的交互式env,而D4RL则是离线的env最
SRTTTTT
·
2024-01-27 05:04
python
对于gzip的了解
静态资源VueVueCLl修改vue.config.js,配置configure
Webpack
等属性,利用
webpack
的扩展功能实现gzip文件的生成(产生.gz相应的压缩文件)Reactnpmruneject
小安吖~
·
2024-01-27 05:51
gzip
vue init
webpack
时timeout
Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443Failedtodownloadrepovue:connectETIMEDOUT192.30.253.112:443连接超时你如果没有用后面的ip地址的话,需要在C:\Windows\System32\drivers\etc的hosts文件中添加两行ip配置解决步骤:1.打开终端(c
ClearLoveQ
·
2024-01-27 04:15
vue
Error
vue
timeout
【创建vue项目的两种方式】
Vue环境搭建NodeJs安装包安装淘宝镜像环境搭建
webpack
安装全局安装@vue/cli查看模板创建项目1.
webpack
2.vue-cliNodeJs安装包下载链接:官网链接下载下来后,直接傻瓜式的安装即可
员宇宙
·
2024-01-27 04:45
vue.js
前端
javascript
关于学习,你
踩坑
了吗?
其实,不是因为我们不够聪明,不够勤奋,是因为我们走入了学习的怪圈,
踩坑
了1学习是靠天赋的,错,大错特错我们沉下心,用心去观察那些有作为,成功的人(当然不是社会名流),他们都是天赋异禀吗?
宫雨艳
·
2024-01-27 04:21
vue打包文件太大,利用SplitChunksPlugin插件进行公共模块抽取
vuecli3.0脚手架默认的
webpack
版本是4.0所以要用SplitChunksPlugin插件;
webpack
4之前的都是利用CommonsChunkPlugin插件来进行公共模块抽取;chain
Webpack
三七_z
·
2024-01-27 01:46
vue项目
vue.js
vue项目刷新页面显示Cannot GET
网上很多方法说在
webpack
.config.js文件中添加devServer:{historyApiFallback:true}但有的项目没有
webpack
.config.js,此时可以在vue.config.js
大大。
·
2024-01-27 01:46
vue相关
vue.js
javascript
webpack
vue项目打包部署到服务器并使用cdn加速
配置vue.config.js文件constisProd=process.env.NODE_ENV==='production'module.exports={//其他配置chain
Webpack
:config
白小白灬
·
2024-01-27 01:00
vue.js
服务器
javascript
React antd 安装配置按需加载
它本身集成了
Webpack
,并配置了一系列内置的loader和默认的npm的脚本,是用React创建新的单页面应用的最佳方式。
zoe_wang
·
2024-01-26 23:53
再学
webpack
1优化
webpack
打包体积的思路优化
webpack
打包体积的思路包括:提取第三方库或通过引用外部文件的方式引入第三方库:将第三方库单独打包,并通过CDN引入,减少打包体积。
亮学长
·
2024-01-26 23:38
webpack
VueCli 3.0 配置 vue.config 优化完整版
目录一、基础配置二、服务和跨域代理设置三、CSS相关设置四、chain
Webpack
配置五、chain
Webpack
配置六、完整版vue.config.js一、基础配置module.exports={runtimeCompiler
何小半夏
·
2024-01-26 23:48
vue
vue.js
javascript
前端
mac下使用Charles将线上项目的js代理到本地
Charles安装包安装成功后注册破解:RegisteredName:*zhile.io*LicenseKey:48891cf209c6d32bf42.项目设置代理本地资源,需要本地资源可在局域网内访问修改项目中
webpack
-dev-server
AbelLJ
·
2024-01-26 22:29
webpack
3.X版成长之路:01(认识
webpack
作用)
如果您已经在前端行业中,
WebPack
在业界的流行程度自然必备多说,成为了前端小白升级为前端工程师的必备技能。
神秘者007
·
2024-01-26 21:14
头戴式蓝牙耳机排行榜性价比,值得入手的几款推荐
想找个音质好、性价比又高的头戴式蓝牙耳机可并不是一个简单的事情哦,现在市面上头戴式蓝牙耳机品牌繁多,款式各异,很容易挑花眼,要不就是
踩坑
,作为一个耳机大户,对于头戴式耳机多少是有些了解了,这不我为大家精心挑选了几款性价比超高的头戴式蓝牙耳机
不知名数码发烧友
·
2024-01-26 20:52
人工智能
python
java
php
c++
c语言
记一次gorm版本不兼容
踩坑
经历
gorm的版本我不知道大家有没有注意过,在不同的项目中引入的gorm有时候git地址是不一样的,有gorm.io/gormv1.25.5和github.com/jinzhu/gorm,起初没怎么在意,直到有一天踩了一个坑。至于什么坑,我后面会演示出来。两个版本的异同原来gorm.io/gormv1.25.5是Gorm2.0及其以后的版本,而Gorm版本1到v1.9.16一直保留在github.co
老A技术联盟
·
2024-01-26 20:19
go
搭建Koa+Typescript项目
1.创建Node项目npminit--y2.生成配置tsconfig.json:为了在node中使用ts,首先安装ts,但是安装的ts代码不能直接执行,需要转换成js代码后才能执行,使用
webpack
可用
yuria_wahaha
·
2024-01-26 19:09
node.js
在vue项目中使用less
1.安装less和less相关转移插件npminstall--save-devlessless-loadercss-loaderstyle-loader2.
webpack
.base.conf.js中添加配置
3c9795394f14
·
2024-01-26 19:36
vue-cli 配置
webpack
去除console输出日志
build=>
webpack
.prod.conf.js在plugins:[]中增加new
webpack
.optimize.UglifyJsPlugin({compress:{warnings:false
IceCover
·
2024-01-26 18:46
项目性能优化之用compression-
webpack
-plugin插件开启gzip压缩
背景:vue项目打包发布后,部分js、css文件体积较大导致页面卡顿,于是使用
webpack
插件compression-
webpack
-plugin开启gzip压缩前端配置vue.config.js先通过
weixin_42254016
·
2024-01-26 18:55
性能优化
webpack
前端
管理学中必知的「彼得原理」,早知道,少
踩坑
今天朋友推荐了一个管理的「彼得原理」,感觉是这几年以来我管理中,授权失败最好的总结。如果早知、早懂此原理,可能可以做得更好,而且不仅仅是我自己的成长,对团队其他同学的成长会更加有利。先看看什么是「彼得原理」吧?《彼得原理》(英语:PeterPrinciple)是管理学家劳伦斯·彼得在1969年出版的一本同名书,里面提出的“彼得原理”是指:在组织或企业的等级制度中,人会因其某种特质或特殊技能,令他被
沐佳
·
2024-01-26 17:15
elasticSearch
踩坑
,导入数据报错detailMessage=Elasticsearch exception [type=date_time_parse_exception
elasticSearch传日期时间格式时,不能直接传Java.util.Date。需要传日期时间的纯字符串。
码农CCQ
·
2024-01-26 16:38
elasticsearch
【NVM】npm多版本管理工具安装
踩坑
:vue-cli无法正常升级创建vue项目
遇到问题使用nvm多版本管理npm后vue-cli无法正常使用创建vue项目,到处查了很多资料修改都不对,最后找到了一篇比较靠谱的借鉴参考终于解决了问题。解决方法首先需要确保安装nvm多版本管理工具的时候电脑上原本的node卸载干净,包括依赖包等等(最好手动找出具体的文件夹,确保都删除干净)。确保卸载干净后,再去安装nvm多版本管理工具,通过nvm下载需要使用的node所有的版本。使用NVM管理后
RachelY111
·
2024-01-26 15:27
日常问题&疑难
vue.js
npm
javascript
vue
node.js
从零开始的ros
踩坑
之路 (1)
要做毕设了,之前的机器人用的只是最基础的ardunio,跟真正的内行还是差的很远,这次决定使用ros系统来做一些更有挑战性的事情。首先第一步就是要安装啦,先是要安装ubuntu,我安装的版本是20.04LTS,本人linux纯小白,只是听同学说这个版本还行,我一开始买了2核4G的腾讯云服务器,准备在云服务器上进行操作,刚开始一切还都好,结果在安装ros的最后一步死活卡住了,小乌龟显示不出来!说是q
arxhsyd123
·
2024-01-26 14:19
ubuntu
SpringBoot 3.1.7 集成Kafka 3.5.0
客户端遇到的一些问题,文章会记录整个接入的过程,其中会遇到几个坑,如果需要最终版本,直接看最后一节就行了,感觉Spring-Kafka的文档太少了,如果采用SpringBoot集成的方式接入,一不小可能就会
踩坑
二
风萧萧兮s
·
2024-01-26 14:28
Spring
Cloud
spring
boot
kafka
转载之详解CommonsChunkPlugin的配置和用法
详解CommonsChunkPlugin的配置和用法简介CommonsChunkPlugin可配置的属性:实战应用不分离出第三方库和自定义公共模块
webpack
.config.js:分离出第三方库、自定义公共模块
奋斗的小栗子
·
2024-01-26 14:26
转载
webpack
javascript
redux配置中间件后,redux调试工具DEVTools不能用,这可咋整
配置中间件后,redux调试工具DEVTools不能用,这可咋整我的第一篇技术博客,请各位大佬多多指点,问题如上,我使用的是redux-think中间件,主要用来存放一些ajax请求,配置过程仿照官网,使用
webpack
EcbJS
·
2024-01-26 14:50
上一页
14
15
16
17
18
19
20
21
下一页
按字母分类:
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
其他