Reactjs can'；t从'；导入IMG_变量/images/name.jpg'；使用babel/React/Webpack

背景（可能不相关）：我有一个大型的react项目，我正在更改gulp->webpack。它是同构的，所以我使用网页同构工具

因此，我有一行不再有效：

const CANDLE_JPG=require（'./assets/CANDLE.JPG'）返回错误：

.assets/candle.jpg不应分配给变量

但如果我将其更改为：

import CANDLE\u JPG from./assets/CANDLE.JPG'
我得到错误：

./assets/candle.jpg不应使用默认导入进行导入

想法：我相信babel编译可能会有问题，但我不确定。我使用过
require（'babel-register'）
，我的“.bablerc”包含预设
es2015
，
react
，和
stage-0
，包括插件
转换运行时
和
react热加载程序/babel

文件加载器：

const fileLoader = {
  loader: require.resolve('file-loader'),
  exclude: [/\.js$/, /\.html$/, /\.hbs$/, /\.json$/],
  options: {
    name: 'assets/images/[name].[hash:8].[ext]',
    emitFile: true
  }
};

你能给我们看看你的网页配置吗？
您可能需要使用图像加载器，如，然后使用：

import CANDLE_JPG from './assets/candle.jpg'

并按如下方式配置网页包：

{
     test: /\.(gif|png|jpg)$/,
     exclude: path.resolve(__dirname, 'node_modules/'),
     use: [
          'file-loader',
           {
               loader: 'image-webpack-loader',
               options: {
                   bypassOnDebug: true,
                }
            }
      ],
}

嘿@whowknows，我刚刚添加了我的代码，我会尝试添加你的代码，看看发生了什么我添加数据失败了，仍然收到了相同的错误这是jpg的网页同构工具配置示例。本机支持它，没有进一步的配置。您是正确的，本机支持它，但是我的配置似乎仍然导致它中断。我正在和你比较，试图解决我的问题