仅使用Typescript

Question

我有一个monorepo项目，其中一个项目（主项目）依赖于另一个项目（组件）。 因此，当我启动整个monorepo时，主要项目使用webpack.dev，而组件项目仅使用简单的Typescript编译器。 像这样：

（主要）：纱头：webpack-dev-server ...

（组件）：纱头：tsc -b

仅涉及TS代码时，我没有问题，但是涉及非TS文件（css）时，我得到了一个webpack模块丢失错误。

我已经从主项目中将css-loader和style-loader都放入了我的webpack配置中，但这似乎并不能解决问题，看来打字稿无法正确编译css文件

在我的组件项目中，我有这样的东西：

import "./index.css"

export const Button = () => {
...
}

然后我从主项目中得到此错误

Module not found: Error: Can't resolve './index.css' in '{...}/frontend/design-components/build'

我的主要项目中的Webpack：

 module: {
    rules: [
      ...,
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader'],
      },
    ],

但是我认为主要的问题是组件项目处理构建的方式（我在此项目中仅使用打字稿进行构建，没有汇总或webpack）

Answer 1

最终也为我的组件项目创建了一个webpack