Vite构建工具第5页

webpack5

1.webpackwebpack是一个前端构建工具，就是把开发环境的代码转化成运行环境代码，将JS、CSS代码混淆压缩，让代码体积更小，加载更快。

·2024-02-11 18:49

使用wxt开发跨浏览器插件

一、背景在使用@crxjs/vite-plugin一段时间后，开发发了welibrary等图书馆插件，为了进一步推广插件计划支持Chrome、Edge浏览器之外的Firefox，为此耗费了不少时间用于调整配置

·2024-02-11 18:43

vue3+vite+element-plus（二）- 使用 vue-router

接口获取路由结构安装依赖npmivue-router有时候我们需要从接口获取路由树结构，使用addRouter动态生成路由配置。我们先创建一个静态文件，模拟接口返回的路由树结构。新建文件src/router/config.ts//src/router/config.tsconstrouterList=[{pageCode:'home',pageName:'首页',pageType:'page',}

·2024-02-11 17:18

【Make编译控制 06】CMake初步使用

目录一、概述与安装二、编译源文件三、无关文件管理一、概述与安装CMake是一个跨平台的项目构建工具，相比于Makefile，CMake更加高级，因为CMake代码在执行的时候是会先翻译生成Makefile

AllinTome·2024-02-11 08:49

前端工程化面试题 | 01.精选前端工程化高频面试题

解释一下前端构建工具的作用，以及你熟悉

ai_todo·2024-02-11 06:07

尚硅谷 Vue3+TypeScript 学习笔记（上）

编程抗氧化·2024-02-10 21:32

iOS自动构建工具 -- xcodebuild

工作项目中的iOS工程都是使用Shell脚本搭配xcodebuild自动构建而成，搭配Jenkins持续集成（CI）工具，可以很方便的实现项目的构建、部署、自动化。简介xcodebuild是苹果发布自动构建的工具。它在一个Xcode项目下能构建一个或者多个targets,也能在一个workspace或者Xcode项目上构建scheme。scheme和target的区别：target包含了所有的源文

Mrfang1·2024-02-10 19:34

使用vitepress构建组件库文档

使用vitepress构建组件库文档前期调研Vitepress官方文档：https://vitepress.vuejs.org/Vitepress是在Vite之上构建的Vue驱动的静态站点生成器。

m0_67401920·2024-02-10 18:58

使用vue-client-only 解决组件不兼容SSR问题

基于vue2框架的应用3.基于vue3框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转OK，但是在直接加载服务端渲染的时候一直报这个错误：[vite

富朝阳·2024-02-10 18:20

vite安装路由启动报错。

vite安装路由后启动该报错如下[vite]Optimizabledependenciesdetected:router,vue[vite]Depoptimizationfailedwitherror:

防火墙在线·2024-02-10 15:49

vite默认是不支持@和require怎么配置？

不支持@在vite.config.js中配置如下import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';constpath=require

防火墙在线·2024-02-10 15:49

Apache Ant 使用详解（区别Maven打包）

Maven打包）ApacheAnt与Maven都可以作为项目打包工具（后端打包）前后端分离的话，如果前端是react、Vue框架可以直接使用webpack打包AntwithIvyAnt是第一个“现代”构建工具

南湖小九·2024-02-10 08:32

2021-06-24 -从0开始新建一个react程序

gitinitgitremoteaddorigin仓库地址gitadd.gitcommit-m"xxx"vscode打开该工程，运行npmstart如何使react的JSX转化成浏览器能够执行的JS，两种方法围绕node和构建工具设置开发环境

Yingjie_Angie·2024-02-10 03:57

学习Vue3的第一天

创建Vue3工程前提条件基于vue-cli创建（不推荐）基于vite创建（推荐）通过CDN使用Vue代码示例简介什么是Vue？

世俗ˊ·2024-02-10 01:04

保姆级教程从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp

目录1.配置node.js1.1下载并安装1.2配置环境变量1.3修改安装目录2.使用命令行创建Vue3/Vite版的u

tepkco·2024-02-10 00:16

vue3的vite配置

使用Vite快速构建Vue3+ts+pinia脚手架使用Vite快速构建Vue3+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2

A-超·2024-02-10 00:16

vite 环境变量配置

在根目录新建.dev.production和.env.development文件NODE_ENV='development'VITE_APP_BASE_API=/developmentApiNODE_ENV

寂寞沙洲冷1号选手·2024-02-10 00:45

解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrou

写BUG的一枚好手·2024-02-10 00:14

Vite项目打包优化

一、一些基础报错1.vite设置完别名之后，ts一直报错resolve:{alias:[{find:'@',replacement:path.resolve(__dirname,'src')}]},所有用到

小杨小杨、努力变强！·2024-02-10 00:14

vue3+vite在vite中配置跨域

在vite.config.js中配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'

bsefef·2024-02-10 00:43

vite项目配置根据不同的打包环境使用不同的请求路径VITE_BASE_URL，包括报错解决

vite环境配置可以看官方文档：环境变量和模式|Vite官方中文文档创建环境配置文件在项目根目录下面创建.env和.env.production文件，.env是开发环境使用的，.env.production

1024小神·2024-02-10 00:13

封装sku组件

1.准备模板渲染规格数据使用Vite快速创建一个Vue项目，在项目中添加请求插件axios，然后新增一个SKU组件，在根组件中把它渲染出来，下面是规格内容的基础模板import{onMounted,ref

小秀_heo·2024-02-09 20:54

vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

在vite脚手架中,引入时忽略.vue扩展名将导致错误//一个名为tsc.vue的文件，importtscfrom"./tsc.vue";//上面的引入可以正常运行，但importtscfrom".

余栀丶·2024-02-09 14:54

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli

周家大小姐.·2024-02-09 08:29

vue3学习——axios封装

request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API

可乐KL·2024-02-09 07:45

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5

Etc.End·2024-02-09 06:26

微信小程序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

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform

_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);

_斯洛伐克·2024-02-08 23:41

在vue3+vite中使用require

第一步先安装插件npmivite-plugin-require-transform--save-dev第二步导入importrequireTransformfrom'vite-plugin-require-transform

_斯洛伐克·2024-02-08 23:11

K8S 1.20 弃用 Docker 评估之 Docker CLI 的替代产品 nerdctl

弃用Docker带来的，可能是一系列的改变，包括不限于：容器镜像构建工具容器CLI容器镜像仓库容器运行时专题文章《K8S1.20弃用Docker评估》会从多方面分析由此带来的变动和影响。

东风微鸣·2024-02-08 19:28

K8S 1.20 弃用 Docker 评估之 Docker 和 OCI 镜像格式的差别

弃用Docker带来的，可能是一系列的改变，包括不限于：容器镜像构建工具容器CLI容器镜像仓库容器运行时专题文章《K8S1.20弃用Docker评估》会从多方面分析由此带来的变动和影响，今天先介绍镜像格式的改变

东风微鸣·2024-02-08 19:28

【JavaWeb】头条新闻纯JavaWeb项目实现项目搭建数据库工具类导入跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por

道格维克·2024-02-08 19:51

[C/C++] -- CMake使用

CMake（Cross-platformMake）是一个开源的跨平台构建工具，用于自动生成用于不同操作系统和编译器的构建脚本。

Afison·2024-02-08 16:29

【Makefile】入门

一、编译工具及构建工具介绍二、Makefile的简单讲解1.编译的四个阶段2.Makefile的规则a.基本规则b.伪目标c.变量赋值和预定义变量d.注释和换行符e.变量的替换引用f.常见函数一、编译工具及构建工具介绍在之前的课程

咖喱年糕·2024-02-08 15:58

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search',component:Search},3、在home.vue配置路由跳转1.2页面布局Search组件提供了search和cancel事件，search事件在点击键盘上的搜索/回车按钮后触发，c

与月儿漫邀·2024-02-08 13:53

内置路印协议的VITE（唯特）

VITE2.png简介：严格意义上说，DAG（有向无环图）并不属于区块链范畴，但以DAG为基础设计一条基础公链也是一种途径。目前为止，这条公链赛道并不拥挤，VITA是其中之一。

老猫___·2024-02-08 11:19

前端脚手架搭建(二):脚手架拆包策略

和支撑模块utils核心流程:core命令:commands初始化发布清缓存模型modelsCommand命令Project项目Components组件Npm模块Git仓库支撑模块utilsGit操作云构建工具方法

贵贵贵子·2024-02-08 10:39

VUE3基础

增强了逻辑组合能力配套的工程化工具也有了更新2、市场层面vue3的市场在扩大3、vue3的优势：二、创建vue3项目vue3官方API执行如下命令，这一指令将会安装并执行create-vue（create-vue使用vite

煸橙干儿~~·2024-02-08 10:11

Vue CLI学习笔记

通过VueCLI，开发者可以快速搭建和开发Vue.js项目，提供了一整套完整的项目脚手架，包括项目初始化、开发服务器、构建工具等。

小白探索世界欧耶！~·2024-02-08 09:49

若依vue3单文件上传/多文件上传/前后台代码

constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API

xsjCoding·2024-02-08 06:46

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite

1024小神·2024-02-08 06:15

Gradle的安装与配置

Gradle是一个基于JVM的构建工具，是一款通用灵活的构建工具，支持maven，Ivy仓库，支持传

Love为何·2024-02-08 05:38

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能

*郑*·2024-02-08 00:06

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16

yma16·2024-02-07 23:52

Vite的优化配置

1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app-

你大爷的,这都没注册了·2024-02-07 23:11

Vite基础配置之 - 分包

Vite基础配置之-分包什么是分包呢？它有什么好处呢？还是举个例子，来回忆一下吧，什么呢？

你大爷的,这都没注册了·2024-02-07 23:41

vue+vite项目，动态导入静态资源的几种方式

博主的桌面工具软件已经正式开发，获取方式：可以关注我的小程序【中二少年工具箱】获取。（若小程序更新有延迟，可先收藏小程序）通过下载链接百度网盘:链接：https://pan.baidu.com/s/15zDnSoEzJGSZLjpD2FYrMw?pwd=1234提取码：1234复制这段内容后打开百度网盘手机App，操作更方便哦具体已实现功能，参考文章中二少年工具箱简介文章目录前言一、静态导入二、i

中二少年学编程·2024-02-07 22:14

SpringCloud-创建多模块项目

一、准备工作在开始之前，确保已经安装好了Java开发环境和Maven构建工具。同时，你需要对SpringBoo

Damon小智·2024-02-07 21:38

推荐频道

Vite构建工具