Vite构建工具

详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因

但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为TypeScript和Vue的默认导出

hw_happy·2024-09-16 02:30

【vite 自动配置路由】

CODER-V·2024-09-16 01:20

vue3 + vite + js 配置Eslint + prettier

第一步安装ESlintnpmieslint@latest-D或pnpmaddeslint@latest-D/pnpminstalleslint@latest-D或yarnaddeslint@latest-D第二步初始化Eslintnpxeslint--init执行npxeslint--init控制台会出现以下步骤1）你想如何使用ESLint（选择最后一个）Youcanalsorunthiscomm

菜鸡的崛起·2024-09-15 05:18

Vite项目中eslint的简单配置

1.创建一个vite项目使用包管理工具创建一个vite项目。

DT——·2024-09-15 05:13

unocss 一直热更新打印[vite] hot updated: /__uno.css

控制台持续打印了几千条这条信息，页面逐渐卡死client.ts:450[vite]hotupdated:/__uno.css找出的原因是：依赖出问题了，重新安装unocss，执行命令npmiunocss

柳雾青烟紫燕穿·2024-09-14 22:53

Webpack 概念速通：从入门到掌握构建工具的精髓

Webpack基本概念这里我们先简单熟悉下Webpack的基本概念，我们在搭建项目的时候都会要用到的！这里我们分享的着重点是基本概念而不是具体配置项和使用方法依赖图(dependencygraph)模式(mode)入口(entry)输出(output)加载器(loader)插件(plugin)源映射(SourceMaps)开发服务器(devServer)依赖图（dependencygraph）依赖

tabzzz·2024-09-14 12:19

值得你学习的构建工具-Webpack5.0简化版--五大核心概念

一、Webpack是什么简单来说，webpack就是一个用于现代JavaScript应用程序的静态打包工具，打包过程：从入口文件开始，构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将这些所有模块打包，它们均为静态资源，用于展示你的内容。Webpack5运行于Node.jsv10.13.0+的版本。二、为什么使用Webpack在以前我们开发一个项目的时候，会出现很多.css、.js等类似的

双头雄狮·2024-09-14 08:51

Webpack和Vite的区别

什么是webpack？webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependencygraph)，然后将你项目中所需的每一个模块组合成一个或多个bundles，它们均为静态资源，用于展示你的内容。Webpack的打包构建流程Webpack会遍历你应用程序中的所有文件，并启动一个开发服务器，

南辞w·2024-09-14 03:20

简易版ts+axios封装

用到了VITE变量，可以参考VITE变量使用方式importaxios,{AxiosRequestConfig}from"axios";constinstance=axios.create({baseURL

谷神神神·2024-09-13 06:42

构建工具webpack&vite

1.webpack使用步骤:1.初始化项目yarninit-y（也可以是npm其他包管理工具）2.安装依赖webpackwebpack-cli：yarnadd-Dwebpackwebpack-cli（-D是只用于开发时候加）3.在项目中创建src目录，然后编写代码4.yarnwebpack打包项目代码观察dist目录*注意：1.src里的是源码用的是前端规范(比如导出：exportdefault)

2301_80480494·2024-09-13 06:10

Node.js 、Yarn、npm、Vue、Vite、Webpack 前端一套流程

前端项目的搭建Vue、Vite、Webpack、Yarn、Node.js和npm的概念解释，以及它们之间的关系：Node.js：一个开源、跨平台的JavaScript运行时环境，可以让JavaScript

叫我DPT·2024-09-13 06:09

vite是如何实现依赖预构建的，浏览器为什么没有实现从node_modules查找依赖，vite开发环境解决了什么问题

依赖预构建首先vite会找到对应的依赖，然后调用esbuild(对js语法进行处理的一个库)，将其他规范的代码转换成esmodul

凉菜凉凉·2024-09-13 02:10

VitePress 文件路由解析：从 Markdown 到 HTML 的映射艺术

VitePress，作为Vite生态中的一员，专为文档网站设计，利用Markdown文件和Vue组件来构建快速、SEO友好的静态网站。

软考鸭·2024-09-12 05:28

vue如何实现路由缓存

（以下示例皆是以vue3+vite+ts项目为例）场景一：所有路由都可以进行缓存在渲染路由视图对应的页面进行缓存设置，代码如下：：用来渲染当前路由对应的视图。

大宁宁吖·2024-09-11 00:59

Node.js入门与生态全解析：包管理与构建工具详解

Node.js入门与生态全解析：包管理与构建工具详解目录包管理使用npm和yarn：项目依赖管理的利器创建和发布npm包：实现模块化与共享⚙️构建工具使用Webpack和Babel：高效打包与代码转换配置构建流程

Switch616·2024-09-09 17:46

Webpack | vite | Rollup | Gulp | Grunt 比较

前言模块化管理工具和自动化构建工具是不同的。两者主要体现在侧重点不一样。自动化构建工具侧重于前端开发的整个过程的控制管理（像是流水线）。

前端阿彬·2024-09-09 03:41

DataV的安装与使用（Vue3版本）

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~

炒毛豆·2024-09-09 02:39

Vue3+vite打包配置及部分打包优化~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？

炒毛豆·2024-09-09 02:39

前端引入ffmepg 对视频画矩形贴图

业务场景：和后端联调中视频监控需要把人员位置框出，返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架vue3+vite+typeScript引入ffmepgnpmi@ffmpeg

全赣州最老实的男人guoy·2024-09-08 22:09

Maven项目结构说明

1.maven概念是一个基于Java平台的自动化构建工具（make->ant->maven->gradle，它主要有五大功能：（1）清理：删除编译的结果，为重新编译做准备（2）编译：java->class

HachiLin·2024-09-08 20:27

VitePress 布局插槽使用指南

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。VitePress的默认主题提供了丰富的布局插槽，允许开发者在页面的特定位置注入自定义内容。

软考鸭·2024-09-08 14:47

Module “console“ has been externalized for browser compatibility.

1.问题描述Vue3.5.3中import{error}from"console";出现以下错误__vite-browser-external:console:3UncaughtError:Module"console"hasbeenexternalizedforbrowsercompatibility.Cannotaccess"console.error"inclientcode

NavinCodeSpace·2024-09-08 14:46

前端vue项目服务器部署(docker)

假设路径为/var/v3-admin-vite/nginx-alpine.tar。

Think-killer·2024-09-08 11:54

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint

server:{port:3300,cors:true,proxy:{}},build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser（ESLint解析器）pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码，就要使用@babel/core模块。pnpmadd@babel/esl

2401_84446882·2024-09-08 10:51

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(2)

build:{outDir:path.resolve(__dirname,‘…/dist’)}})#####第四步安装eslint-parser（ESLint解析器）pnpmadd@babel/core-D//某些代码需要调用Babel的API进行转码，就要使用@babel/core模块。pnpmadd@babel/eslint-parser@latest-D#####第五步安装prettier(

2401_84446882·2024-09-08 10:21

vue3 + vite + js 配置Eslint + prettier_vite+js+vue3配置eslint(1)

第三步安装vite-plugin-eslint//该包是用于配置vite运行的时候自动检测eslint规范，不符合页面会报错pnpmaddvite-plugin-eslint@latest-D//安装最新版

2401_84446882·2024-09-08 10:21

vscode结合docker配置c++开发环境

工具链构建工具：cmake编译器：gcc/clang调试器：lldbLSP后端：clangd可选：代码格式化：clang-format静态检查：clang-tidy包管理：vcpkg/apt环境管理：docker

骊山道童·2024-09-08 05:12

VitePress 自定义 CSS 指南

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。尽管VitePress提供了丰富的默认主题，但在某些情况下，我们可能需要对其进行更深入的定制以满足特定的视觉需求。

软考鸭·2024-09-08 00:36

Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design

项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件，复制粘贴即可使用！

咏春-迪迦·2024-09-07 19:05

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild

司徒小北·2024-09-07 19:29

electron-vite-vue开发桌面应用之应用更新版本提示（十三）

云风网云风笔记云风知识库当项目应用包更新后应该主动提示用户更新，这是采用electron-updater进行更新提示一、安装依赖npmielectron-updater二、配置安装包更新地址electron-builder.json5添加配置//配置安装包更新地址publish:[{provider:"generic",url:"http://www.niech.cn/everyDayNote",

niech_cn·2024-09-07 09:52

vue3+vite+electron开发桌面端应用流程

一、创建项目初始化项目:npminitvite@latest'projectname:输入项目名称，selectaframework:选择框架vueselectavariant：选择使用js或者ts安装默认依赖包:进入项目，npminstall安装electron:npminstall--save-develectron安装热加载(自动加载更新):npminstallelectron-reload

沪cares·2024-09-07 09:21

electron-vite打包出错

问题：1electron-vite安装，打包下载资源失败，设置国内镜像由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功

大可大可抖·2024-09-07 09:51

电子应用速成指南：Electron-Vite-Vue 实战手册

电子应用速成指南：Electron-Vite-Vue实战手册electron-vite-vueReallysimpleElectron+Vite+Vueboilerplate.项目地址:https://

褚柯深Archer·2024-09-07 08:50

class 7: vue.js 3 前端工程化

因此，我们需要使用webpack或者Vite构建一个支持SFC开发的Vue.js3环境目录前端发展史webpackVueCLI脚手架前端发展史Web早期：也就是互联网发展早期，前端开发人员只负责写静态页面

Clarence Liu·2024-09-07 07:39

CSS Vue3深度选择器

标签中需要改变vant组件的样式时，需要使用到深度选择器背景：scope样式私有化，避免样式冲突原理：在css中使用过选择器的选择过元素(组件下)元素生成添加一个属性=>data-v-hash值webpack或vite

不叫虎子·2024-09-06 22:42

深入理解Vite3.0

说明:最近Vite3发布了，所以总结一下Vite有什么新的特性，本期为大家带来的是干货内容，所以大量的说明文字，没有图片之类，希望多多包涵。

超维Ai编程·2024-09-06 12:33

使用Gradle构建Monorepo项目

如果碰巧将Gradle用作首选的构建工具，那么您也可以应用此策略，这要归功于3.1版中引入的CompositeBuilds功能（在撰写本文时，最新版本

dnc8371·2024-09-06 05:48

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用,运行并发布快应用(webview),运行并发布快应用(webview)-华为,cli创建项目和HBuilderX可视化界面创https://uniapp.dcloud.net.cn/quicks

LB_bei·2024-09-06 01:24

构建工具之Maven的使用(一)

一、前言对于开发一个Java项目，上线之前会通过编译，测试，打包，部署这几个构建过程，如果文件较少，我们可以使用java-->javac-->jar这些命令去完成上述的构建流程。但是当工程越来越大，文件越来越多。Java原生的命令就显得捉襟见肘，力不存心了。Maven基于POM管理jar包依赖，通过自身的生命周期实现项目的构建流程。具体构建原理可自行百度/谷歌。本文主要为大家分享一些比较实用的ma

IT大狮兄·2024-09-06 01:24

后台数据管理系统 - 项目架构设计

大事件接口文档:登录-黑马程序员-大事件接口根路径：http://big-event-vue-api-t.itheima.net本项目的技术栈本项目技术栈基于ES6、vue3、pinia、vue-router、vite

风流野趣fly·2024-09-05 04:00

uni-app启动本地开发环境，修改默认端口号

vite.config.js:import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";//https://vitejs.dev

徐同保·2024-09-04 17:28

Spring Boot应用部署 - WAR包部署

以下是详细说明：1.修改打包方式在项目的构建工具配置文件中（通常是pom.xmlforMaven），将打包方式改为war。

闫小甲·2024-09-04 12:21

nuxt3+vue3+vite+TS实现国际化

博客用的nuxt3+vue3+vite+TS实现国际化，国际化用的vue-i18n，下面我给大家详细介绍。一、安装依赖#npm安装依赖npmivue-i18nnpmi@nuxtjs/i18n@

富朝阳·2024-09-03 07:46

Gradle配置全局替换国内镜像 (2024版) 操作指南

一、Gradle基础知识1.什么是GradleGradle是一种基于JVM的构建工具，广泛用于Android和现代

vvvae1234·2024-09-02 09:08

ubuntu / debian 根文件系统制作

不可避免的需要制作各种客户需要的文件系统，常用的ubuntu、debian等主要需求有：带图形化界面不带图形化界面需提前打包一些应用依赖包进去需要提前内置一些文件或开机自启执行脚本等环境：ubuntu20.04服务器版本一、操作流程1.1构建工具下载

mooncity0·2024-09-02 08:59

前端工程环境变量配置

前端工程环境变量配置以Vite为例1.创建.env环境变量文件2.配置package.json3.当执行script中的内容时mode会被传入vite.config.ts文件中的defineConfig

比苦瓜苦·2024-09-01 23:00

Jmeter+ant+jenkins接口自动化测试框架

视频学习：文末有免费的配套视频可观看点击文末小卡片，免费获取软件测试全套资料，资料在手，涨薪更快大致思路：Jmeter可以做接口测试，也能做压力测试，而且是开源软件；Ant是基与java的构建工具，完成脚本执行并收集结果生成报告

测试老哥·2024-09-01 22:26

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript

秋说·2024-09-01 22:52

以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。这可以通过检查process.env.NODE_ENV环境变量来实现：constisProduction=process.env.NOD

云只上·2024-09-01 12:50

推荐频道