webpack url loader不加载jpg图像-Java 学习之路

我用webpack和url-loader导入jpg图像时遇到了一些问题 . 这是我的webpack配置：

const common = {
  entry: path.join(PATHS.src, 'index.tsx'),
  output: {
    path: PATHS.build,
    filename: 'bundle.js',
  },

  resolve: {
    extensions: [".ts", ".tsx", ".js"]
  },

  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: "ts-loader",
        exclude: /node_modules/
      },
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['env', 'react']
          }
        }
      },
      {
        test: /\.(png|jpg|gif|woff|woff2|ttf|mp3)$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 1000000
            }
          }
        ]
      }
    ],
  }
};

我尝试导入这样的jpg图像： import * as map from '../../../i/map.jpg'; 我从webpack得到了一个错误：TS2307：找不到模块'../../../i/map.jpg' . 仍然，应用程序在构建后正在运行，并显示"corrupted"图像 . 顺便说一句，来自jpg图像的同一文件夹中的png图像工作正常，在构建期间没有错误 . 你能帮助我吗？我究竟做错了什么？

1 回答

0

好吧，我没有设法解决导入jpg图像的问题，但我找到了一个替换导入与require的解决方案 . 我仍然不知道我的配置或webpack本身有什么问题 .

回复于 2024-05-03T21:19:18+08:00

webpack url loader不加载jpg图像

1 回答

相关问题