随笔分类 - vite
摘要：
问题描述：vue3项目中新建.env文件，尝试使用process.env访问该文件中的变量，报错process.env未定义。 原因：vue3项目是由vite构建的，所以在访问环境变量时需要使用import.meta.env来访问。 解决方案：把process.env替换成import.meta即可
阅读全文
问题描述：vue3项目中新建.env文件，尝试使用process.env访问该文件中的变量，报错process.env未定义。 原因：vue3项目是由vite构建的，所以在访问环境变量时需要使用import.meta.env来访问。 解决方案：把process.env替换成import.meta即可
阅读全文
摘要：
我使用了.md文件作为路由文件来引用，在开发中能正常显示，打包的时候就报错了 // vite.config.ts import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import markdown fr
阅读全文
我使用了.md文件作为路由文件来引用，在开发中能正常显示，打包的时候就报错了 // vite.config.ts import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import markdown fr
阅读全文
摘要：
我要把某一.md作为访问路径的入口文件，结果编译器爆红了 原因：编译器不识别.md文件。 解决方案：安装2个插件：@vitejs/plugin-vue和vite-plugin-md，前者大家应该都有，后者是专为markdown语法文件下的一个包， 装完后，需要在vite.config.ts文件里引入
阅读全文
我要把某一.md作为访问路径的入口文件，结果编译器爆红了 原因：编译器不识别.md文件。 解决方案：安装2个插件：@vitejs/plugin-vue和vite-plugin-md，前者大家应该都有，后者是专为markdown语法文件下的一个包， 装完后，需要在vite.config.ts文件里引入
阅读全文
摘要：
新建一个页面，引入该页面路径，想用@符号代替../之类的操作时 // index.ts export default [ { path: '/', name: 'home', component: () => import("@/views/home.vue") } ] 报错：Cannot find
阅读全文
新建一个页面，引入该页面路径，想用@符号代替../之类的操作时 // index.ts export default [ { path: '/', name: 'home', component: () => import("@/views/home.vue") } ] 报错：Cannot find
阅读全文
摘要：
哎，嗯。。。emmm。。。 好，问题就是这样的，最近写了vue组件打算上到npm，然后上是上了，但是样式却没有生效？？ 左上角是组件样式本地调试的截图，可以看到是生效的，右上角的截图是我在别的项目引用了我写的这个库，结果样式却没有生效。 我打包后的文件列表如下： 注意：style.css包含了所有的
阅读全文
哎，嗯。。。emmm。。。 好，问题就是这样的，最近写了vue组件打算上到npm，然后上是上了，但是样式却没有生效？？ 左上角是组件样式本地调试的截图，可以看到是生效的，右上角的截图是我在别的项目引用了我写的这个库，结果样式却没有生效。 我打包后的文件列表如下： 注意：style.css包含了所有的
阅读全文
摘要：
vite+vue+某框架写的网站可以通过配置vite.config.js中的build.rollupOptions.output.manualChunks来手动分割指定的包到指定的文件夹内，然后在网站入口文件按照需求引入 比如： build: { rollupOptions: { output: {
阅读全文
vite+vue+某框架写的网站可以通过配置vite.config.js中的build.rollupOptions.output.manualChunks来手动分割指定的包到指定的文件夹内，然后在网站入口文件按照需求引入 比如： build: { rollupOptions: { output: {
阅读全文
