Nuxt如何整合Typescript?

Nuxt.js中配置TS Loader

最新推荐文章于 2024-12-04 11:37:10 发布

项志鹏同學

最新推荐文章于 2024-12-04 11:37:10 发布

阅读量2.5k

点赞数 1

分类专栏： nuxt

nuxt 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Nuxt.js项目的nuxt.config.js文件中配置Webpack以支持TypeScript。通过向module.rules添加针对.ts文件的loader配置，实现对TypeScript的支持，并排除特定目录。

参考：https://www.jb51.net/article/161558.htm

nuxt.config.js中 webpack的关于ts的loader, 鱿鱼config.module可能取值为undefined 要做以下处理

extend(config, ctx) {
      if (ctx.isClient && ctx.isDev) {
        const module = config.module
        if (module) {
          module.rules.push({
            test: /\.ts$/,
            exclude: ['/node_modules/', '/vendor/', '/.nuxt/'],
            loader: 'ts-loader',
            options: {
              appendTsSuffixTo: [/\.vue$/],
              transpileOnly: true
            }
          })
        }
      }
    }

待整理