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

101 lines
2.4 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 其它问题
## 批量更新 package.json
我们想用各个依赖包的最新版本。如果手动去修改 `dependencies、devDependencies` 中各个包的版本号,那就太麻烦了,借助 `npm-check-updates` 工具可以很方便的将 `package.json` 中的依赖包版本号更新为最新版本。
::: tip 提示
以下命令都是在 cmd 中执行:
:::
```bash
# 1、安装
cnpm install -g npm-check-updates
# 2、检查 package.json 中是否有更新
ncu
# 3、更新依赖到最新版本 or 更新全部 ncu -a
ncu -u
```
## 更新(升级) vite 2.0 后遇到的问题
- vite文档英文[https://vitejs.dev/index.html](https://vitejs.dev/index.html)
- vite文档中文非官方[https://vite-design.surge.sh/guide/chinese-doc.html](https://vite-design.surge.sh/guide/chinese-doc.html)
`vue.config.js` 配置改变:
#### 1、之前 1.x
```ts
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.x`alias、server、build`
:::tip 提示
需要安装 @vitejs/plugin-vue否则 `.vue` 文件报错。安装命令:`cnpm install @vitejs/plugin-vue --save-dev`
:::
```ts
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
```