把nuxt3 ts换成js 怎么去修改 并按需加载ant design vue 3
时间: 2023-08-04 18:15:12 浏览: 102
vue-antd-jsx:vue3 + ant-design-vue2
要将 Nuxt 3 TypeScript 项目转换为 JavaScript 项目,你需要进行以下修改:
1. 移除 TypeScript 相关的依赖:
```bash
npm uninstall --save-dev @nuxt/typescript-build @nuxt/types typescript
```
2. 修改 nuxt.config.js 文件中的 build 配置项,将它改为:
```javascript
build: {
babel: {
presets({ isServer }) {
const targets = isServer ? { node: 'current' } : { ie: 11 }
return [
[
'@nuxt/babel-preset-app',
{
corejs: { version: 3 },
useBuiltIns: 'usage',
targets
}
]
]
},
plugins: [
[
'import',
{
libraryName: 'ant-design-vue',
libraryDirectory: 'es',
style: true
}
]
]
}
}
```
3. 如果你使用了 Axios,需要修改 nuxt.config.js 文件中的 modules 配置项,将其改为:
```javascript
modules: [
'@nuxtjs/axios',
'nuxt-mqtt'
],
```
4. 在 package.json 文件中添加 ant-design-vue 的依赖:
```json
{
"dependencies": {
"ant-design-vue": "^3.0.0"
}
}
```
5. 运行以下命令来安装依赖:
```bash
npm install
```
这样就完成了将 Nuxt 3 TypeScript 项目转换为 JavaScript 项目的操作。接下来,你可以按照之前的方式,在项目中按需引入 Ant Design Vue 3。
阅读全文