vite vue3项目打包如何跳过ts检查并进行打包

vite vue3项目打包如何跳过ts检查并进行打包

将vue-tsc 打包检查命令干掉

{
  "name": "data-service2.0",
  "type": "module",
  "version": "1.0.0-beta.3",
  "packageManager": "pnpm@8.10.0",
  "author": "aibayanyu <aibayanyu@qq.com>",
  "repository": "antdv-pro/antdv-pro",
  "scripts": {
    "dev": "mist",
    "start": "mist",
    "build": "mist build",
    "clear:vercel": "rm -rf ./vercel.json",
    "build:vercel": "run-s clear:vercel build:nitro",
    "build:nitro": "mist build nitro",
    "start:nirto": "node .output/server/index.mjs",
    "preview": "mist preview",
    "lint": "eslint src --fix",
    "typecheck": "vue-tsc --noEmit",
    "bump:patch": "changelogen --bump --output CHANGELOG.md --release --prerelease",
    "bump:minor": "changelogen --bump --output CHANGELOG.md --release --minor",
    "bump:major": "changelogen --bump --output CHANGELOG.md --release --major",
    "prepare": "husky install",
    "dir-tree": "esno ./scripts/dir-tree",
    "gen:uno": "esno ./scripts/gen-unocss",
    "toJS": "esno scripts/to-js"
  },
  "dependencies": {
    "@ant-design/icons-vue": "^7.0.1",
    "@antv/g2plot": "^2.4.31",
    "@antv/l7": "^2.20.5",
    "@ctrl/tinycolor": "^4.0.2",
    "@surely-vue/table": "^4.2.8",
    "@v-c/utils": "^0.0.26",
    "@vueuse/core": "^10.7.0",
    "ant-design-vue": "^4.0.7",
    "axios": "^1.6.2",
    "dayjs": "^1.11.10",
    "echarts": "^5.4.3",
    "lodash-es": "^4.17.21",
    "mitt": "^3.0.1",
    "nprogress": "^0.2.0",
    "pinia": "^2.1.7",
    "vite-plugin-qiankun": "^1.0.15",
    "vue": "^3.3.11",
    "vue-clipboard3": "^2.0.0",
    "vue-i18n": "^9.8.0",
    "vue-router": "^4.2.5",
    "vuedraggable": "^4.1.0",
    "vxe-table": "^4.5.17",
    "xe-utils": "^3.5.14"
  },
  "devDependencies": {
    "@commitlint/cli": "^18.4.3",
    "@commitlint/config-conventional": "^18.4.3",
    "@mistjs/cli": "0.0.1-beta.6",
    "@mistjs/eslint-config": "^1.0.0",
    "@mistjs/vite-plugin-preload": "^0.0.1",
    "@types/fs-extra": "^11.0.4",
    "@types/lodash": "^4.14.202",
    "@types/lodash-es": "^4.17.12",
    "@types/node": "^20.10.4",
    "@types/nprogress": "^0.2.3",
    "@types/treeify": "^1.0.3",
    "@vitejs/plugin-vue": "^4.5.2",
    "@vitejs/plugin-vue-jsx": "^3.1.0",
    "@vue/test-utils": "^2.4.3",
    "antdv-component-resolver": "^1.0.5",
    "antdv-style": "0.0.1-beta.2",
    "changelogen": "^0.5.5",
    "cross-env": "^7.0.3",
    "directory-tree": "^3.5.1",
    "esbuild": "^0.19.9",
    "eslint": "^8.55.0",
    "esno": "^0.17.0",
    "execa": "^8.0.1",
    "fs-extra": "^11.2.0",
    "husky": "^8.0.3",
    "jsdom": "^22.1.0",
    "less": "^4.2.0",
    "lint-staged": "^14.0.1",
    "lodash": "^4.17.21",
    "nitropack": "^2.8.1",
    "npm-run-all": "^4.1.5",
    "picocolors": "^1.0.0",
    "treeify": "^1.1.0",
    "ts-node": "^10.9.2",
    "typescript": "^5.3.3",
    "unocss": "^0.57.7",
    "unocss-preset-chinese": "^0.3.0",
    "unocss-preset-ease": "^0.0.3",
    "unplugin-auto-import": "^0.16.7",
    "unplugin-config": "^0.1.3",
    "unplugin-vue-components": "^0.25.2",
    "vite": "^5.0.8",
    "vitest": "^0.34.6",
    "vue-tsc": "^1.8.25"
  },
  "lint-staged": {
    "**/*.{vue,ts,js,jsx,tsx}": "eslint src --fix"
  }
}

  • 8
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在 VSCode 中打包 Vite Vue3 TS 项目,你可以使用以下步骤: 1. 确保已经在项目中安装了 Vite 和相关的依赖。你可以在终端中使用以下命令来安装它们: ```bash npm install vite @vitejs/plugin-vue @vue/compiler-sfc typescript -D ``` 2. 在项目根目录下创建一个名为 `build` 的文件夹,并在其中创建一个名为 `build.js` 的文件。在 `build.js` 文件中添加以下代码: ```javascript const { build } = require('vite') build({ configFile: './vite.config.ts', mode: 'production' }) ``` 这将使用 Vite 的 `build` 函数来创建生产环境的构建。 3. 在项目根目录下创建一个名为 `vite.config.ts` 的文件,并在其中添加以下代码: ```javascript import vue from '@vitejs/plugin-vue' export default { plugins: [vue()], build: { outDir: 'dist', assetsDir: 'assets', sourcemap: true, rollupOptions: { input: 'src/main.ts' } } } ``` 这将告诉 Vite 如何构建项目。其中,`plugins` 中使用了 `@vitejs/plugin-vue` 插件来支持 Vue 单文件组件的编译,`build` 中设置了输出目录、静态资源目录、是否生成 source map 等选项,并且指定了入口文件为 `src/main.ts`。 4. 打开 VSCode 终端,并在其中运行以下命令: ```bash node build/build.js ``` 这将执行 `build.js` 文件,开始构建项目。 5. 构建完成后,在项目根目录下会生成一个名为 `dist` 的文件夹,其中包含了构建好的项目文件。你可以将这些文件部署到服务器上以发布你的应用。 希望这些步骤能够帮助你成功打包 Vite Vue3 TS 项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Shero.李建业

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值