Question

我正在尝试创建一个React TypeScript NPM包。我已经完成代码并创建了package.json和tsconfig.json。但是在我的包中，我还有一堆CSS文件要包含在我的包中。这是我的tsconfig.json：

{
  "compilerOptions": {
    "outDir": "./dist",
    "target": "es5",
    "esModuleInterop": true,
    "module": "commonjs",
    "moduleResolution": "node",
    "noImplicitAny": true,
    "removeComments": true,
    "declaration": true,
    "jsx": "react",
    "lib": [ "es2015", "dom" ],
    "sourceMap": false
  },
  "files": [
    "src/index.tsx"
  ],
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}

我的问题是，当我在文件夹中运行tsc时，它会在.js中创建所有.d.ts文件和所有/dist文件，但是我看不到CSS文件所有。如何使它包含CSS？

Answer 1

所以这正是我要寻找的问题。不幸的是，我俩都在这篇https://vccolombo.github.io/blog/tsc-how-to-copy-non-typescript-files-when-building/

文章中找到了答案。

基本上，它说的是tsc除了将TS代码转换为JS代码外没有做任何其他事情，并且没有计划在将来进行更改。

Answer 2

将此添加到您的 tsconfig.json：

{
  "compilerOptions": {
    "plugins": [{ "name": "typescript-plugin-css-modules" }]
  }
}

可以在此处获得更多信息 https://www.npmjs.com/package/typescript-plugin-css-modules。希望对你有帮助

在tsc TypeScript编译中包含CSS文件

2 个答案: