mart-admin/vue-admin-wonderful-next-docs/docs/config/other.md

2.4 KiB
Raw Blame History

其它问题

批量更新 package.json

我们想用各个依赖包的最新版本。如果手动去修改 dependencies、devDependencies 中各个包的版本号,那就太麻烦了,借助 npm-check-updates 工具可以很方便的将 package.json 中的依赖包版本号更新为最新版本。

::: tip 提示 以下命令都是在 cmd 中执行: :::

# 1、安装
cnpm install -g npm-check-updates

# 2、检查 package.json 中是否有更新
ncu

# 3、更新依赖到最新版本 or 更新全部 ncu -a
ncu -u

更新(升级) vite 2.0 后遇到的问题

vue.config.js 配置改变:

1、之前 1.x

import type { UserConfig } from 'vite'
import { resolve } from 'path'
import { loadEnv } from './build/utils'

const pathResolve = (dir: string): any => {
    return resolve(__dirname, '.', dir)
}

const alias: Record<string, string> = {
    '/@/': pathResolve('src')
}

const { VITE_PORT, VITE_PUBLIC_PATH, VITE_OPEN } = loadEnv()

const root: string = process.cwd()

const viteConfig: UserConfig = {
    root,
    alias,
    outDir: 'dist',
    minify: 'esbuild',
    port: VITE_PORT,
    open: VITE_OPEN,
    base: process.env.NODE_ENV === "production" ? "./" : VITE_PUBLIC_PATH,
    optimizeDeps: {
        include: ['element-plus/lib/locale/lang/zh-cn']
    }
}

export default viteConfig

2、现在 2.xalias、server、build

:::tip 提示 需要安装 @vitejs/plugin-vue否则 .vue 文件报错。安装命令:cnpm install @vitejs/plugin-vue --save-dev :::

import vue from '@vitejs/plugin-vue'
import type { UserConfig } from 'vite'
import { loadEnv } from './build/utils'

const { VITE_PORT, VITE_PUBLIC_PATH, VITE_OPEN } = loadEnv()

const viteConfig: UserConfig = {
    plugins: [vue()],
    root: process.cwd(),
    alias: [
        {
            find: /^\/@\//,
            replacement: '/src/'
        }
    ],
    base: process.env.NODE_ENV === "production" ? VITE_PUBLIC_PATH : './',
    optimizeDeps: {
        include: ['element-plus/lib/locale/lang/zh-cn']
    },
    server: {
        port: VITE_PORT,
        open: VITE_OPEN
    },
    build: {
        outDir: 'dist',
        minify: 'esbuild',
        sourcemap: false
    }
}

export default viteConfig