相关疑难解决方法(0)

我是ReactJS中的新手,我想在组件中导入图像.这些图像位于公用文件夹内,我不知道如何从react组件访问该文件夹.

有任何想法吗 ？

编辑

我想在Bottom.js或Header.js中导入图像

结构文件夹是:

我不使用webpack.我是不是该 ？

编辑2

我想使用webpack加载图像和其他资产.所以在我的配置文件夹中我有下一个文件:

我需要在哪里添加图像的路径以及如何添加？

谢谢

我试图重新配置我的webpack,现在我无法加载css文件.我将我的风格保存在src> styles> main.css中

我收到的错误如

ERROR in ./src/images/NavIcon03.png
Module build failed: SyntaxError: /Users/myname/work/site/src/images/NavIcon03.png: Unexpected character '?' (1:0) 

这是我的webpack配置

var webpack = require('webpack')


module.exports = {
  entry: [
    './src/main.js'
  ],
  output: {
    path: __dirname,
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel'
    },
        {
          test: /\.css$/, // Only .css files
          loader: 'style!css' // Run both loaders
        }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    contentBase: './'
  }
};

下面是package.json

{
  "name": "website",
  "version": "0.0.1", …