在Vue 3项目中,使用Vite进行打包时,可以通过修改vite.config.js(或vite.config.ts,如果你使用TypeScript)文件来配置部分打包选项。以下是一些常见的配置步骤,帮助你打包Vue 3项目: 安装依赖: 确保你的项目中已经安装了Vue 3和Vite。你可以通过npm或yarn来安装这些依赖: bash npm install vue@next vite 或者 bash...
npm create vite@latest 兼容性注意 Vite 需要 Node.js 14.18+、16+版本,有些模板需要更高的版本 虽然创建项目用的14.17.5版本,但是后面运行项目用的18.15.0 HTML模板插件 npm i vite-plugin-html -D #vite.config.ts import {defineConfig} from"vite" import vue from'@vitejs/plugin-vue' import {create...
import{ defineConfig }from"vite";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({build: {//打包文件目录outDir:"es",//压缩//minify: false,rollupOptions: {//忽略打包vue文件external: ["vue"],input: ["index.ts"],output: [ {//打包格式format:"es",//打包后文件名entryFileNames...
根据依葫芦画瓢原理, 我在ViteJs官方文档找到了原因assetsInlineLimit, 我这个是小项目, 只有那么几个图标, 大小都小于 4kb, 所以打包的时候图片被转成 base64 格式放到js文件里面去了, 所以打包文件夹里没有看到我的图片, 把assetsInlineLimit设置为0可以完全禁用此项 build: { assetsInlineLimit: 0, // ......
2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后文件的路径由绝对路径修改为相对路径，需要修改vite.config.js文件，添加base设置...
编写打包脚本 步骤: 根目录新建 scripts/build.js const path = require('path') const fs = require('fs') // 使用vite打包 const { build, defineConfig } = require('vite') // 用到的插件 const vue = require('@vitejs/plugin-vue') const dts = require('vite-plugin-dts') const DefineOptio...
vitejs官网: https://cn.vitejs.dev/ 另外的资源中文资源网站:https://vitejs.cn/,另一个vitepress文档和https://vitejs.cn/vitepress/ https://vitepress.dev/ 搭建第一个 Vite 项目 使用NPM: $ npm create vite@latest 使用Yarn: $ yarn create vite ...
在根目录找到vite.config.ts(js),并做如下修改 importlegacyfrom'@vitejs/plugin-legacy';plugins:[legacy({targets:['defaults','not IE 11']}),vue()], step3: 进行打包 一般正常的项目直接build step4: 修改打包后的文件 移除 元素 移除其他 的 nomodule...
3. vite打包配置 因为是需要单独的当作sdk库使用, 所以需要把组件的css打包到js中 所以需要安装vite插件vite-plugin-css-injected-by-js pnpm add vite-plugin-css-injected-by-js -D 配置vite.config.js import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importcssInjectedByJsPluginfrom'vite-pl...
npm install -g vite 1. 创建一个新的Vite项目: mkdir my-vite-app cd my-vite-app npm init vite 1. 2. 3. 3.根据需要选择框架(如React、Vue.js等)和模板(如JavaScript、TypeScript等)。 在项目的根目录中创建一个vite.config.js文件,并配置您的项目: ...