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
webpack
1.什么是
webpack
Webpack
是一个现代JavaScript应用程序的静态模块打包工具,当
Webpack
处理应用程序时,它会递归地构建一个依赖关系图(dependencygraph
·
2024-02-11 18:18
webpack
基于taro搭建小程序多项目框架
灵感来自
webpack
的多项目打包构建起步首先你得先安装好taro脚手架,然后基于该脚手架生成一个taro项目初始化taro项目taroinitminiApp这是我选择的
·
2024-02-11 18:17
前端小程序taro
Vue-自动化部署
Webpack
打包后的文件到腾讯COS
前言最近发现前端框架页面加载非常的慢,为了解决这个问题,项目组决定将
webpack
e打包后的文件部署到腾讯COS上面,这样可以提高加载速度。
·
2024-02-11 17:38
vue.jswebpack
基于
Webpack
插件体系的 Mock 服务
背景在软件研发流程中,对于前后端分离的架构体系而言,为了能够更快速、高效的实现功能的开发,研发团队通常来说会在产品原型阶段对前后端联调的数据接口进行结构设计及约定,进而可以分别同步进行对应功能的实现,提升研发速率。除了常见的研发流程提效之外,对于一些特殊的无法满足前后端联调场景下,也可在条件不允许的情况下进行Mock处理,等待条件满足后再进行真实的接口联调,如:网络不通、多地协同等。本文从前端研发
·
2024-02-11 17:24
基于
Webpack
5 Module Federation 的业务解耦实践
我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:贝儿前言本文中会提到很多目前数栈中使用的特定名词,统一做下解释描述dt-common:每个子产品都会引入的公共包(类似NPM包)AppMenus:在子产品中快速进入到其他子产品的导航栏,统一维护在dt-common中,子产品从dt-common中引入Portal:
·
2024-02-11 17:16
webpack
中watch的配置以及打包文件添加注释
watch的使用可以减少我们每次保存后手动打包的繁琐情况,当代码发生变化,只要保存,
webpack
将自动为我们进行打包watch的配置watch可以直接使用,只要在打包命令后面跟--watch就可以了,
饥人谷_米弥轮
·
2024-02-11 16:21
vue-cli搭建项目
1..全局安装vue-clinpmivue-cli-g2.初始化项目(vueinit):模板名称vue-cli官方为我们提供了5种模板,
webpack
-一个全面的
webpack
+vue-loader的模板
saintkl
·
2024-02-11 13:09
Webpack
(十二):tree shaking打包性能优化
在
webpack
中,tree-shaking的作用是可以剔除js中用不上的代码,但是它依赖的是静态的ES6的模块语法。
CodeMT
·
2024-02-11 13:29
2019-06-03
webpack
使用url-loader处理文件、图片
但是我在实际开发过程中碰到了字体文件提示需要file-loader,所以为了避免出问题,这里也下载一下file-loadernpminstallurl-loaderfile-loader--save1配置
webpack
.config.js
菩灵
·
2024-02-11 10:25
【01】
webpack
4.0教程_基础_1
学习
webpack
4.0的笔记,循序渐进,后续会再做系统总结[toc]
webpack
安装总结安装本地的
webpack
webpack
webpack
-cli-D加一个-D表示开发依赖上线的时候不需要这两个包流程
Peter_Tingle
·
2024-02-11 09:00
webpack
之常见性能优化
webpack
之常见性能优化构建性能减少模块解析优化loader性能限制loader的应用缓存loader的结果多线程打包开启热替换常见loader和plugin传输性能分包手动分包自动分包模块体积优化代码压缩
Mr_RedStar
·
2024-02-11 06:39
webpack
webpack
前端
webpack
「有/没有 配置文件
webpack
.config.js」的问题
一、项目介绍项目目录builds//打包文件存放文件夹src//项目组件文件夹componentapp.jsmain.jsindex.htmlpackage.json//配置文件
webpack
.config.js
秉持本心
·
2024-02-11 05:52
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
使用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
耳畸形患者有哪些地方是我们需要注意的
(1)富含叶酸的食物:绿色蔬菜莴苣、菠菜、西红柿、胡萝卜、青菜、龙须菜、花椰菜、油菜、
小白菜
、扁豆、豆荚、蘑菇等。
耳畸形知识科普
·
2024-02-10 13:13
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
前端
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
手写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
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
利用插件机制横向扩展`
webpack
`构建能力
利用插件机制横向扩展
webpack
构建能力
webpack
插件机制是为了增强
webpack
在项目自动化构建方面的能力(解决除loader资源模块打包外的其他自动化工作)常见应用场景:实现自动在打包之前清除
翔子丶
·
2024-02-08 15:32
Vue CLI部分(4)
VueCLI1.什么是VueCLI网址:cli.vuejs.org脚手架是什么东西CLI依赖
webpack
==>node中的npm安装CLI3->拉去CLI2模块npminstall-g@vue/cli2
cscoder
·
2024-02-08 14:14
2019.2.13
2感恩堂嫂给
小白菜
准备了红包。今天去堂嫂家里聊了很多家常。3感恩婷婷带来了香肠给我们下饭。4感恩芳芳姐第一次到店就买了一张开门红。感谢她的信任。5感恩老公一大清早带我去医院看医生。
睿智女人林裕丝
·
2024-02-08 14:12
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
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
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他