React：Importの相対パスから絶対パスの切替

相対パス：import FuncGroup from '../../components/english/FuncGroup';
絶対パス：import FuncGroup from 'root/components/english/FuncGroup';

絶対パスを有効するには、webpack.config.jsの設定が必要です。

webpack.config.js

module.exports = {
  devtool: "source-map",
  context: __dirname + "/src",
  entry: './index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'build')
  },
  devServer: {
    contentBase: 'build',
    port: 3000
  },
★★★★★★★★★★★★
  resolve: {
    alias: {
      root: path.resolve(__dirname, 'src/'),
      styles: path.resolve(__dirname, 'styles/'),
    }
  },
★★★★★★★★★★★★
  module: {
    loaders: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ["babel-loader"],
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ["eslint-loader"],
      },
      {
        test: /\.html$/,
        loader: "file?name=[name].[ext]",
      },
      {
        test: /\.css$/,
        loaders: ['style-loader', 'css-loader?modules'],
      }
    ],
  },
}