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构建工具
Vue 性能优化
回答此问题应从三个方面着手1)Vue代码层面的优化;2)
webpack
配置层面的优化;3)基础的Web技术层面的优化一:代码层面的优化1.1、v-if与v-show区分使用场景1.1.1手段:v-if是通过控制
moveOn_3e90
·
2024-02-11 04:12
webpack
学习笔记(1)
1、为什么选择
webpack
社区生态丰富配置灵活和插件话拓展官方更新迭代速度快2、初识
webpack
webpack
默认配置文件:
webpack
.config.js可以通过
webpack
--config指定配置文件
wayne1125
·
2024-02-11 01:18
iOS自动
构建工具
-- xcodebuild
工作项目中的iOS工程都是使用Shell脚本搭配xcodebuild自动构建而成,搭配Jenkins持续集成(CI)工具,可以很方便的实现项目的构建、部署、自动化。简介xcodebuild是苹果发布自动构建的工具。它在一个Xcode项目下能构建一个或者多个targets,也能在一个workspace或者Xcode项目上构建scheme。scheme和target的区别:target包含了所有的源文
Mrfang1
·
2024-02-10 19:34
使用vitepress构建组件库文档
建立在Vite而非
Webpack
上,因此启动时间,热重装等更快使用Vue3来减少JS的有效负载轻量级Vitepress能够实
m0_67401920
·
2024-02-10 18:58
前端
html
小程序
前端
vue.js
[学习笔记]TypeScript学习笔记
1.2TypeScript与JavaScript的关系1.3TypeScript的优点1.4TypeScript开发环境搭建2基本类型2.1类型声明2.2基本类型种类3编译选项3.1自动编译文件3.2自动编译整个项目4用
webpack
无知的圆
·
2024-02-10 18:54
TypeScript
前端
笔记
typescript
前端
【学习笔记】使用
webpack
打包TypeScript代码
文章目录写在前面的话使用安装参考文献写在前面的话使用
webpack
打包TS的代码,我们需要用到npm这个包管理工具,我们首先进入到我们的代码根目录下,然后输入下面这个命令:npminit-i这个时候就会在我们项目的目录下面生成
君的名字
·
2024-02-10 18:23
【TypeScript】
学习
笔记
webpack
webpack
开发部署技巧
配置
webpack
-dev-server代理既然常用
webpack
做React一类的SPA,那么一个典型的例子就是前后端分离。后端是一个RESTful的serv
f_Joyce
·
2024-02-10 13:23
Apache Ant 使用详解(区别Maven打包)
ApacheAnt使用详解(区别Maven打包)ApacheAnt与Maven都可以作为项目打包工具(后端打包)前后端分离的话,如果前端是react、Vue框架可以直接使用
webpack
打包AntwithIvyAnt
南湖小九
·
2024-02-10 08:32
自动导入文件夹下的文件require.context
https://
webpack
.docschina.org/guides/dependency-management/#requirecontextconstfirst=require.context(
羊驼626
·
2024-02-10 08:44
Webpack
4 系列 - plugins
PhotobyTOMOKOUJIonUnsplash芒格先生,您一年读几本书?芒格:噢,他们知道我喜欢书,送给我许多书。我一周读二十本书,我有许多书,什么类型的书都看。今天我们要来介绍一个新的概念——plugins。相比于loaders,plugins能够完成的任务会更多。通常它们都会做那些loaders做不了的事情。loaders更多的是和文件的处理绑定在一起的概念,而plugins则更加宽泛一
可乐前端
·
2024-02-10 05:48
前端又又出新框架,这次没有打包了
它的独特之处在于,不依赖于现有的nodes/npm/
webpack
前端开发工作流程。与jQuery类似,只需引用一个脚本,您就能像使用React/Vue/Angular一样轻松地开发大型应用。
聪明的竹子
·
2024-02-10 04:15
前端
2021-06-24 -从0开始新建一个react程序
gitinitgitremoteaddorigin仓库地址gitadd.gitcommit-m"xxx"vscode打开该工程,运行npmstart如何使react的JSX转化成浏览器能够执行的JS,两种方法围绕node和
构建工具
设置开发环境
Yingjie_Angie
·
2024-02-10 03:57
VUE打包时出现Cannot read property ‘tapPromise‘ of undefined问题
使用VUE
webpack
进行打包时出现了ERRORTypeError:Cannotreadproperty‘tapPromise‘ofundefined问题,检查后发现是compression-
webpack
-plugin
YS_LI
·
2024-02-10 01:27
6-3 如何编写一个 plugin
1.简介插件向第三方开发者提供了
webpack
引擎中完整的能力。使用阶段式的构建回调,开发者可以引入它们自己的行为到
webpack
构建流程中。
love丁酥酥
·
2024-02-09 20:13
Vue脚手架目录详解
vue脚手架一级目录一级目录build:
webpack
配置文件config:
webpack
配置文件node_modules:安装的依赖包src:所有的组件都写在里面static:所有第三方的静态资源存放目录一级文件
江疏影子
·
2024-02-09 18:16
(14/24) css进阶:(入门)去除冗余的css
我们得想办法消除冗余的CSS,如果靠人工去剔除,吃力又容易出错,因此,此节我们来学习一下用
webpack
如何消除未使用的CSS。PurifyCSS使用PurifyCSS可以大
wfaceboss
·
2024-02-09 15:36
使用vuecli脚手架一键搭建工程
https://registry.npm.taobao.org安装安淘宝镜像之后后面的都可以用cnpm五部走:全局安装vueclicnpminstall-gvue-cli进入目录–初始化项目vueinit
webpack
my-project
如梦初醒Tel
·
2024-02-09 10:06
music-api-next:一款支持网易、虾米和QQ音乐的JS爬虫库
特性:支持网易、虾米和QQ三大主流音乐平台支持音乐关键词搜索支持音乐链接下载支持音乐评论爬取支持回调和async/await写法支持
webpack
打包部署支持pm2服务器部署可用、高效、稳定项目地址Github
心谭
·
2024-02-09 09:17
微信小程序mpvue+Vant Weapp初始化
版本$node-v$npm-v2.安装淘宝镜像cnpm$npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装vue-cli脚手架
构建工具
回到唐朝做IT
·
2024-02-09 05:08
【Linux】linux自动化
构建工具
make/makefile
linux自动化
构建工具
make/makefile一,makefile是什么二,如何写makefile三,文件的三个时间属性四,makefile的推导一,makefile是什么对于make和makefile
西西弗质
·
2024-02-09 03:53
Linux
linux
自动化
运维
手写babel插件-第一讲
大学的时候,babel与
webpack
傻傻分不清;工作一年的时候,清醒的知道了babel的作用以及它是怎么运转的。
小九九的爸爸
·
2024-02-09 02:20
javascript
抽象语法树
babel
Vue项目启动
webpack
报错Module build failed: Error: No PostCSS Config found in......
情景我使用vue-cli创建项目,然后想换个地方,就把除了node_modules以外的文件全部拷贝到另一个文件,想的重新npmrundev一下就可以。但是在原来位置就是可以正常展示的,但是在新文件里面就会报错Modulebuildfailed:Error:NoPostCSSConfigfoundin:/Users/***原因某个隐藏属性的配置文件没有拷贝。导致运行报错。建议默认打开win或者ma
HealerLZH
·
2024-02-09 01:40
webpack
基本使用
step1:创建一个项目录注意:项目名一般不要带中文step2:创建package.jsonnpminit或者:npminit-y——————直接略过所有问答,全部采用默认答案step4:处理第三方文件html文件中需要引入多个js文件或者第三方模块(例如:jquery.js),只引入项目js入口文件(main.js),其他js文件均在入口文件中导入。导致可能JS文件中使用了浏览器不识别的高级语法
秋日传奇1990
·
2024-02-09 01:43
webpack
打包优化
这是
webpack
打包自带的优化import是es6引入规范(所以记得要装babel)require是common.js引入规范scopehosting转自在bundle.js文件//module-a.jsexportdefault'moduleA
haha2333
·
2024-02-08 23:44
vue目录结构
build:项目构建(
webpack
)相关代码config:配置目录,包括端口号等node_modules:npm加载的项目依赖块src:这里是我们要开发的目录,基本上要做的事都在这个目录里.里面包含了几个目录及文件
菲H
·
2024-02-08 20:21
webpack
与vue-cli
1、什么是
Webpack
WebPack
可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用
波波仔86
·
2024-02-08 20:28
vue
webpack
vue.js
前端
webpack
.config.js和vue.config.js
p纯手工搭建:
webpack
.config.js:constpath=require('path')const{VueLoaderPlugin}=require('vue-loader')constHtml
Webpack
Plugin
辉娜
·
2024-02-08 20:28
vue
webpack
javascript
vue.js
学习vue.config.js 结合
webpack
webpack
处理图片,将小于10kb的图片转成base64(字符串格式)减少http请求,因为当图片过大,转base64反而大很多,页面加载会变慢多线程-多线程基础多线程-多线程基础参考链接happyPack
未来可期wlkq
·
2024-02-08 20:58
webpack
javascript
vue.js
vue.config.js和
webpack
.config.js区别
webpack
.config.js和vue.config.js的区别
webpack
.config.js是
webpack
的配置文件,所有使用
webpack
作为打包工具的项目都可以使用,vue的项目可以使用
波波仔86
·
2024-02-08 20:27
vue
vue.config.js
webpack.js
区别
webpack
.config.js和vue.config.js的区别
webpack
.config.js是
webpack
的配置文件,所有使用
webpack
作为打包工具的项目都可以使用,vue的项目可以使用,react的项目也可以使用。
武当王也拜见老天师
·
2024-02-08 20:27
vue
webpack
vue.js
K8S 1.20 弃用 Docker 评估之 Docker CLI 的替代产品 nerdctl
弃用Docker带来的,可能是一系列的改变,包括不限于:容器镜像
构建工具
容器CLI容器镜像仓库容器运行时专题文章《K8S1.20弃用Docker评估》会从多方面分析由此带来的变动和影响。
东风微鸣
·
2024-02-08 19:28
kubernetes
云原生
K8S 1.20 弃用 Docker 评估之 Docker 和 OCI 镜像格式的差别
弃用Docker带来的,可能是一系列的改变,包括不限于:容器镜像
构建工具
容器CLI容器镜像仓库容器运行时专题文章《K8S1.20弃用Docker评估》会从多方面分析由此带来的变动和影响,今天先介绍镜像格式的改变
东风微鸣
·
2024-02-08 19:28
kubernetes
云原生
14 -vue 打包图片路径错误解决
一、构建VUE项目直接用官网的方式建立vue项目vueinit
webpack
vue-demo二、打包VUE项目npmrunbuild2.1打包项目介绍会在项目根目录下出现一个dist文件夹,项目目录如下图
大大的小小小心愿
·
2024-02-08 18:28
创建一个VUE项目(vue2和vue3)
电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目vueinit
webpack
c103363
·
2024-02-08 17:39
vue.js
前端
javascript
[C/C++] -- CMake使用
CMake(Cross-platformMake)是一个开源的跨平台
构建工具
,用于自动生成用于不同操作系统和编译器的构建脚本。
Afison
·
2024-02-08 16:29
C/C++
c++
开发语言
利用插件机制横向扩展`
webpack
`构建能力
利用插件机制横向扩展
webpack
构建能力
webpack
插件机制是为了增强
webpack
在项目自动化构建方面的能力(解决除loader资源模块打包外的其他自动化工作)常见应用场景:实现自动在打包之前清除
翔子丶
·
2024-02-08 15:32
【Makefile】入门
一、编译工具及
构建工具
介绍二、Makefile的简单讲解1.编译的四个阶段2.Makefile的规则a.基本规则b.伪目标c.变量赋值和预定义变量d.注释和换行符e.变量的替换引用f.常见函数一、编译工具及
构建工具
介绍在之前的课程
咖喱年糕
·
2024-02-08 15:58
CMake
智能家居
全志H616
wildcard
通配符
patsubst
subst
dir函数
suffix
basename
ifeq/ifneq
ifdef/ifndef
foreach函数
Vue CLI部分(4)
VueCLI1.什么是VueCLI网址:cli.vuejs.org脚手架是什么东西CLI依赖
webpack
==>node中的npm安装CLI3->拉去CLI2模块npminstall-g@vue/cli2
cscoder
·
2024-02-08 14:14
Error: Cannot find module 'array-includes'
执行npmrundev突然报错E:\Demo\a-v\todolist>
[email protected]
:\Demo\a-v\todolist
webpack
-dev-server
不语翕
·
2024-02-08 13:49
webpack
概念
概念和安装安装npminitdemo//创建一个项目cddemonpminstall-D
webpack
webpack
-cli创建一个
webpack
.config.js文件,
webpack
配置可以写在其中
passenger_z
·
2024-02-08 13:43
前端脚手架搭建(二):脚手架拆包策略
和支撑模块utils核心流程:core命令:commands初始化发布清缓存模型modelsCommand命令Project项目Components组件Npm模块Git仓库支撑模块utilsGit操作云
构建工具
方法
贵贵贵子
·
2024-02-08 10:39
Vue CLI学习笔记
通过VueCLI,开发者可以快速搭建和开发Vue.js项目,提供了一整套完整的项目脚手架,包括项目初始化、开发服务器、
构建工具
等。
小白探索世界欧耶!~
·
2024-02-08 09:49
Vue
随手记录
vue.js
学习
笔记
前端
webpack
经验分享
node.js
webpack
之sideEffects
webpack
之sideEffects前言一、sideEffects的使用二、sideEffects注意事项前言
webpack
4新增了一个sideEffects新特性,它允许我们通过配置的方式,去标识我们的代码是否有副作用
火鸡面多放火鸡
·
2024-02-08 07:01
打包工具
webpack
Webpack
中 SplitChunks 插件用法详解
简单的来说就是
Webpack
中一个提取或分离代码的插件,主要作用是提取公共代码,防止代码被重复打包,拆分过大的js文件,合并零散的js文件。提到前端优化,提取公共代码是必不可少的手段。
明天也要努力
·
2024-02-08 07:57
Webpack
前端
webpack
想要用Npm发布一个自己的组件包踩坑记录(
webpack
,rollup)
底下这个写的很详细,看完就懂https://blog.csdn.net/xjl271314/article/details/106220492/关于如何基于antd封装自己的react组件并发布到npmhttps://zhuanlan.zhihu.com/p/80754775我自己遇到的一些问题,走的弯路。1、npmlink方便调试$#先去到模块目录,把它link到全局$cdpath/to/my-
sasaraku.
·
2024-02-08 07:25
前端
next项目页面性能调优
扩展参考链接:前端性能优化24条建议
Webpack
4进阶–从前的日色变得慢,一下午只够打一次包
Webpack
分包优化首屏加载参考指标FCP(FirstContentfulPaint):首次内容绘制时间,
sasaraku.
·
2024-02-08 07:22
前端
js
设计模式(前端)
初始化npm环境下载node.js执行npminit命令(生成package.json)根目录下,新建src文件夹,src文件夹下新建index.js文件:alert("HelloWorld");2)安装
webpack
npminstall
webpack
webpack
-cli
润清
·
2024-02-08 07:34
设计模式
前端
arcgis
vue-test\src\index\main.js in multi (
webpack
)-dev-server/client?http://10.10.199.11:8080&sockPath=/s
报错:vue-test\src\index\main.jsinmulti(
webpack
)-dev-server/client?
呆呆加油呀
·
2024-02-08 07:32
javascript
vue.js
webpack
linux之vue(vue-cli)脚手架安装创建项目
文章目录1、安装npm2、由于网路原因安装cnpm3、安装vue-cli4、安装
webpack
5、启动vue的图形界面管理工具6、通过界面的方式创建vue项目1、安装npmnpm全称NodePackageManager
想了好久才取了这
·
2024-02-08 06:41
vue.js
前端
create-react-app的两种跨域解决方式
我们可以在node-modules/react-scripts/
webpack
-dev-server.js文件直接配置proxy选项但是后续如果继续安装其他模块的话yarn内部会检测有没有文件被改动若有改动恢复原样两种解决方式弹射配置文件使用
栗子daisy
·
2024-02-08 05:14
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
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
其他