我想创建一个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?
"rootDir": "src"
和"outDir": "dist"
。然后将以下内容添加到package.json中的"scripts"
部分:"clean": "rimraf dist/", "copy": "copyfiles -u 1 src/**/*.html src/**/*.css dist/", "build": "npm run clean && tsc && npm run copy"
运行npm run build
将会将TypeScript编译到dist目录,并将html和css文件以与src目录相同的结构复制到dist目录中。它完全正常工作。只需确保在copy命令中添加任何其他扩展名,例如src/**/*.ttf
(以我的情况为例)。 - undefined