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工程化
前端技巧之svg精灵图svg-sprite-loader
然后这里要说明的是这个插件是
webpack
上面的,所以在vue2中比较好用,如果在vue3中,可能解决方案就不是这个插件了。
强啊啊强
·
2024-02-19 19:41
vue2技巧
前端知识
前端
Vue2尚品汇前台项目笔记——(1)项目初始化
具体参考之前的脚手架配置笔记,我起名叫vue_shop_test1.脚手架目录分析node_modules文件夹:项目依赖文件夹public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件夹中的静态资源,
webpack
Kiwi23333
·
2024-02-19 19:09
笔记
前端
javascript
vue
最新 Vue3、TypeScript、组合式API、setup语法糖 学习笔记
最新Vue3、TypeScript、组合式API、setup语法糖学习笔记1、创建Vue3工程基于`vue-cli`创建(基于
webpack
实现)基于`vite`创建(推荐)2、Vue3项目开发`vscode
W.Y.B.G
·
2024-02-19 19:34
vue3
笔记
typescript
学习
笔记
【前端
工程化
面试题】什么是 CI/CD
CI/CD是软件开发中的两个重要实践,分别代表持续集成(ContinuousIntegration)和持续交付/持续部署(ContinuousDelivery/ContinuousDeployment)。持续集成(ContinuousIntegration,CI):持续集成是一种软件开发实践,通过将代码频繁地集成到共享存储库(如版本控制系统)中,并自动运行测试来验证新代码的正确性。主要目标是尽早地
我有一棵树
·
2024-02-19 19:33
ci/cd
深入浅出
Webpack
摘要 Module
Modulerules配置模块的读取和解析规则,通常用来配置Loader。其类型是一个数组,数组里的每一项都描述了如何处理部分文件。配置一项rules时大致可通过以下方式来完成。条件匹配:通过test、include、exclude三个配置项来选中Loader要应用规则的文件。应用规则:对选中的文件通过use配置项来应用Loader,可以只应用一个Loader或者按照从后往前的顺序应用一组Load
Upcccz
·
2024-02-19 18:07
Vue3笔记
创建vue-cli创建基于vite创建
webpack
和vite构建对比图基础官方推荐插件选项式api和组合式api对比修改组件name插件在devtools工具上显示组件name自动补充ref的value
山重水复疑无路
·
2024-02-19 18:39
vue.js
【前端面试题】08—31道有关前端
工程化
的面试题(附答案)
随着前端技术的发展,前端
工程化
变得越来越重要。
web前端开发V
·
2024-02-19 16:48
vue
python
javascript
java
linux
前端面试题(
工程化
&性能优化篇)
目录1.
Webpack
的构建流程2.常用的plugin和loader有哪些3.tree-shaking原理4.前端页面性能优化5.首屏渲染优化6.如何减少回流和重绘7.SEO优化8.SSR服务端渲染9.
大寄一场_
·
2024-02-19 16:17
前端
性能优化
面试
【前端
工程化
面试题】说一下
webpack
的构建流程
初始化流程从配置文件和shell语句中读取合并参数,初始化需要使用的插件和执行环境所需要的参数配置文件默认是
webpack
.config.js编译构建流程解析入口模块,从入口模块开始串行调用对应的loader
我有一棵树
·
2024-02-19 16:46
前端
webpack
node.js
【前端
工程化
面试题】使用
webpack
来优化前端性能/
webpack
的功能
这个题目实际上就是来回答
webpack
是干啥的,你对
webpack
的理解,都是一个问题。
我有一棵树
·
2024-02-19 16:11
前端
webpack
node.js
使用html-
webpack
-plugin对HTML文件进行预处理
原文地址:https://segmentfault.com/a/1190000021518323作者:Fw恶龙本文首发于:思否一、前言先整理一波之前和
webpack
相关的文章:使用
Webpack
对CSS
宁法
·
2024-02-19 15:14
html
webpack
前端
node.js
Failed to load resource: net::ERR_FILE_NOT_FOUND问题解决
publicPath是告诉
webpack
打包后的文件在浏览器中的访问路径。当你设置publicPath:'./'时,实际上是将构建后的资源相对于当前路径进行引用。
啊森森啊
·
2024-02-19 15:43
前端
vue.js
webpack
javascript
从零开始搭建 Vue 项目
本文主要介绍如何使用node搭建一个基于Vue+VueRouter+iView+
webpack
的项目,阅读本文之前你可能需要知道:ES6VueVueRouteriView
webpack
中文文档eslintstylelint
蛮吉大人123
·
2024-02-19 15:15
vue3 要区分生产环境和测试环境,请求不同的后端接口,如何统一配置管理
下面的内容是chatGPTQA日志在Vue3中,你可以使用环境变量和
Webpack
配置来区分生产环境和测试环境,并且请求不同的后端接口。
·
2024-02-19 15:48
vue.js
【每天学习一点点 day04】
工程化
npm create 脚手架 create-vue, vue-cli 执行原理① - npm cli
希望我们每个人都能找到属于自己的花期,不急不躁,静等风来。今天打算用Docusaurus开始搭建自己的知识库,之前早已有此想法,遗憾的是没有坚持下来。这次借助这个机会,也计划将自己【每天学习一点点】系列整理在自己的知识库中,方便大家查找。在使用脚手架命令搭建知识库的时候,看到了一堆提示,以及交互式的功能,于是好奇这个是如何实现的呢?(毕竟程序都是人写的,我们可以学习一下实现方式,有朝一日在搭建自己
_终会遇见_
·
2024-02-19 12:40
07
每天一个知识点
npm
vue.js
前端框架
前端
【前端
工程化
面试题】vite热更新原理
HMR机制:vite利用了
webpack
等构件工具中常用的热模块替换机制,在代码发生变化时,只将修改的模块动态的注入到运行中的应用程序中,不需要刷新整个页面
我有一棵树
·
2024-02-19 12:31
前端
【
Webpack
】处理字体图标和音视频资源
处理字体图标资源1.下载字体图标文件打开阿里巴巴矢量图标库openinnewwindow选择想要的图标添加到购物车,统一下载到本地2.添加字体图标资源src/fonts/iconfont.ttfsrc/fonts/iconfont.woffsrc/fonts/iconfont.woff2src/css/iconfont.css注意字体文件路径需要修改src/main.jsimport{add}fr
小秀_heo
·
2024-02-19 11:57
Webpack
webpack
前端
node.js
webpack
使用记录
/node_modules/.bin/
webpack
--config
webpack
.config.js"}我们跳过shell命令,直接执行目标文件即可。{"debugger":"node./n
·
2024-02-19 10:51
webpack
基于
Webpack
5 Module Federation 的业务解耦实践
我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:贝儿前言本文中会提到很多目前数栈中使用的特定名词,统一做下解释描述dt-common:每个子产品都会引入的公共包(类似NPM包)AppMenus:在子产品中快速进入到其他子产品的导航栏,统一维护在dt-common中,子产品从dt-common中引入Portal:
·
2024-02-19 10:01
React项目详解
React项目指导使用
webpack
需要安装的依赖
webpack
,
webpack
-cli,react,react-dombabel-loader,@babel/core,@babel/preset-env
·
2024-02-19 10:55
激光条纹中心线提取算法FPGA实现方案
激光条纹中心线提取的真实意义在于
工程化
和产品化的实际应用,而很多算法目前只能用于学术研究或理论实验,无法在应用端或产品端商用化落地。
MmikerR
·
2024-02-19 10:18
#
机器视觉
#
图像处理
3D线激光
激光中心线提取
FPGA
图像处理
机器视觉
工业检测
3D测量
vue router 跳转php,vue路由:路由跳转后怎么知道切换到那个router-view中
使用vueinit
webpack
xxx创建项目友持都发很秀框事,应编差里互是过是来本商理类了如则处果。展,字到中图各近圈就不这多发架件大用程。
weixin_39908106
·
2024-02-15 09:13
vue
router
跳转php
关于vue安装less和
webpack
版本冲突问题
关于vue2.0安装less和
webpack
版本冲突问题1.学会查看自己
webpack
和less指令2.默认安装less-loader命令3.解决办法1.学会查看自己
webpack
和less指令查看当前
SepstoneTang
·
2024-02-15 07:01
vue.js
vue安装使用less,解决与
webpack
的冲突
第077个查看专栏目录:VUE------elementUI专栏目标在vue和elementUI联合技术栈的操控下,本专栏提供行之有效的源代码示例和信息点介绍,做到灵活运用。提供vue2的一些基本操作:安装、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,before
还是大剑师兰特
·
2024-02-15 07:31
#
vue2常用示例500+
vue.js
less
webpack
react按需加载
babel-plugin-syntax-dynamic-import和react-loadable,如图1:图12.在.babelrc里添加设置"plugins":["syntax-dynamic-import"],如图2图23.在
webpack
.config.js
热心程序猿黄帅哥
·
2024-02-15 05:52
Angular、React、Vue三选一,前端工程师更青睐使用哪款框架?
Angular从一开始就带有很明显的
工程化
血统,齐全的cli命令,背靠TypeScript,涉及模块、服务以及指令等概念,使用后端的依赖注入思想,特有模板语法。
前端吴彦祖
·
2024-02-15 05:55
初识
webpack
(二)解析resolve、插件plugins、dev-server
目录(一)
webpack
的解析(resolve)1.resovle.alias2.resolve.extensions3.resolve.mainFiles(二)plugin插件1.Clean
Webpack
Plugin2
DogEgg_001
·
2024-02-15 03:55
webpack
前端
gulp和
webpack
的区别
Webpack
是前端构建工具,实现了模块化开发和文件处理。他的思想就是“万物皆为模块”,它能够将各个模块进行按需加载,不会导致加载
木槿_traxpvsa
·
2024-02-15 01:14
Go 错误处理总结与实践
前言最近在对极客时间毛剑老师的Go进阶训练营进行重温和学习汇总,这是一门比较偏向于
工程化
以及原理层面的的课程,涵盖的知识点非常多,因此决定开一个系列来进行记录,也便于自己总结查阅。
pseudoyu
·
2024-02-15 00:32
webpack
打包优化 - 懒加载
webpack
懒加载分割代码会产生chunk,异步加载的时候也会产生chunk引入动态数据->懒加载(当有文件特别大,直接懒加载)(会直接生成一个chunk,无需其它配置)setTimeout((
JX灬君
·
2024-02-14 22:37
JavaWeb
选择器8.超链接9.盒子模型10.JavaScript11.JS基础语法12.数据类型13.流程控制语句14.JS函数15.JS对象16.Vue17.Ajax18.前后端分离开发:19.YApi20.前端
工程化
小小李学java
·
2024-02-14 22:56
web
vue2使用pinia在main.js中导入报错
’fromnonEcmaScriptmodule(onlydefaultexportisavailable)解决办法1://vue.config.jsmodule.exports={configure
Webpack
奥利給
·
2024-02-14 21:48
pinia
vue
javascript
vue.js
前端
【实战】一、Jest 前端自动化测试框架基础入门(三) —— 前端要学的测试课 从Jest入门到TDD BDD双实战(三)
Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程,我在学习开始时(2023.08)采用的是当前最新版本:项版本@babel/core^7.16.0@pmmmwh/react-refresh-
webpack
-plugin
程序边界
·
2024-02-14 19:12
前端
tdd
【Vue】
工程化
开发&脚手架Vue CLI
个人主页:五敷有你系列专栏:Vue⛺️稳重求进,晒太阳
工程化
开发&脚手架VueCLI基本介绍VueCli是Vue官方提供的一个全局命令工具可以帮助我们快速创建一个开发Vue项目的标准化基础架子【集成了
webpack
五敷有你
·
2024-02-14 18:08
Vue
vue.js
webpack
前端
前端
工程化
目录模块化包管理器构建工具脚手架模块化1.是为了解决全局污染(全局变量,全局函数)和依赖混乱问题(js引入顺序等问题)。2.标准:官方ESModule,社区:CommonJS3.mian中定义一个函数functionsum(a,b){ returna+b;}4.在html中引用(会导致全局污染)5.将模块导出functionsum(a,b){ returna+b;}exportdefaults
miss-ddly
·
2024-02-14 17:25
javascript
vue.js
vue全家桶
Vue-cli是一个基于Vue.js进行快速开发的完整系统,可以自动生成Vue.js+
webpack
的项目模板。
miss-ddly
·
2024-02-14 17:24
vue.js
前端
工程化
面试题 | 05.精选前端
工程化
高频面试题
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端中的测试是什么?请解释一下你熟悉的前端测试方法和工具。请举例说明前端自动化部署的流程,以及
ai_todo
·
2024-02-14 16:19
前端
javascript
windows
typescript
前端
工程化
面试题 | 06.精选前端
工程化
高频面试题
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录前端开发中如何处理静态资源的优化和管理?请解释一下你熟悉的优化工具。解释一下前端中的版本控制系
ai_todo
·
2024-02-14 16:19
前端
javascript
typescript
开发语言
前端
工程化
面试题 | 07.精选前端
工程化
高频面试题
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录请解释一下前端中的持续集成和持续交付。你熟悉的持续集成工具或持续交付工具有哪些?前端性能优化是
ai_todo
·
2024-02-14 16:19
前端
javascript
typescript
开发语言
前端
工程化
面试题 | 08.精选前端
工程化
高频面试题
前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录解释一下前端中的代码复用和组件化。你熟悉的组件化框架有哪些?请解释一下前端中的国际化和本地化解
ai_todo
·
2024-02-14 16:18
前端
javascript
typescript
开发语言
快速构建 React 开发环境
create-react-app自动创建的项目是基于
Webpack
+ES6。
白番茄_
·
2024-02-14 13:31
Vue-cli 脚手架搭建
使用vue,但是一般做项目的时候,我们大都会用到vue脚手架,脚手架也是vue里重要的一部分,今天我们就来看看vue脚手架的相关:1.环境搭建1、安装node.js(傻瓜式安装,这里不再描述)2、安装
webpack
机智小铛铛i
·
2024-02-14 06:40
Vue function and event object
一创建测试项目vueinit
webpack
-simplevuedemo二进入demo目录cdvuedemo三安装依赖cnpminstall四修改代码App.vue{{msg}}1v-on:clickandShorthand
剑有偏锋
·
2024-02-14 00:29
LiveQing 播放器的使用
1:安装:安装npminstall@liveqing/liveplayer安装npminstallcopy-
webpack
[email protected]
:在build文件的
webpack
.dev.conf.js
js代码人
·
2024-02-13 23:59
软件工程概述
以软件的产品化、系列化、
工程化
、标准化为特
weixin_30768661
·
2024-02-13 23:50
操作系统
数据库
测试
eutils - 项目介绍
css工具;当我们新建一个前端项目时,只需要引入这个npm包,就可以省去很多写工具的重复工作;源码地址APIversioncollection项目规范函数使用小驼峰方式命名对象使用大驼峰方式命名项目使用
webpack
hellolong
·
2024-02-13 19:42
vue3-应用规模化-工具链
VueCLIVueCLI是官方提供的基于
Webpack
的Vue
王大可996
·
2024-02-13 16:45
vue3
vue.js
前端
javascript
vue
webpack
常用配置及基本概念
1.基本概念:配置方式:如果没有创建
webpack
.config.js或指定mode(production/development)会直接打包压缩生产模式。
再来一瓶路易十三
·
2024-02-13 13:16
npm命令报错
codeELIFECYCLE
webpack
-dev-server--inline--progress--configbuild/
webpack
.dev.conf.js`‘
webpack
-dev-server
断点_842b
·
2024-02-13 06:13
webpack
4环境搭建-初始化项目
1、创建一个目录然后进入,初始化package.jsoncnpminit-y//-y的意思是yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json2、安装
webpack
4
_littleTank_
·
2024-02-13 05:50
上一页
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
其他