将CSS文件导入TS模块时序列化Webpack操作

问题描述

请参阅以下对该问题的最小复制:
https://github.com/zmullett/webpack-typescript-css-import/tree/e7b542929357ad1c95bb7e28efa59b9d4f59da2a

我希望使用webpack构建CSS .d.ts类型的模块,可以将其作为作用域导入到Web组件中。这是我的webpack.config.js文件的重要部分:

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,use: [
          'css-modules-typescript-loader',{
            loader: 'css-loader',...,}
        ]
      },],},};

运行npm run build最初会导致以下错误:

TS2307: Cannot find module 'leaflet/dist/leaflet.css' or its corresponding type declarations.

后续运行很好,因为已经构建了CSS的.d.ts类型模块文件。

所以问题是TypeScript编译器正在尝试在类型模块文件可用之前找到它。有没有办法可以指示Webpack在尝试编译之前先完成此先决条件?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)