Estou usando o webpack para gerenciar meu aplicativo de reação. Agora eu quero importar uma dependência deste URL:

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gNO2wKVBNupZfafi0bl0sW3dIKqAHn4l">

tradicionalmente eu apenas coloco o código acima no meu arquivo index.html. Mas agora como posso deixar o webpack carregar esse URL? E como meus reagentes usam essa dependência?

quando eu iniciar o webpack-dev-server, vou receber o erro abaixo:

ERROR in Entry module not found: Error: Cannot resolve module 'http://api.map.baidu.com/api'

Então eu uso o pequeno carregador para carregar o URL. Abaixo está o código javascript para usar o carregador:

import $ from 'jquery'
import React from 'react';
import ReactDOM from 'react-dom';
import load from 'little-loader';

import './main.css';
import './component';
import Search from './search/search'

load('http://api.map.baidu.com/api?v=2.0&ak=gNO2wKVBNupZfafi0bl0sW3dIKqAHn4l', function(err){
    console.log('err:', err);
});

// document.body.appendChild(component());


ReactDOM.render(<Search />, document.getElementById('search'));

mas ainda fiquei abaixo do erro ao iniciar o webpack:

ERROR in Entry module not found: Error: Cannot resolve module 'http://api.map.baidu.com/api' in /Users/yzzhao/dev/react-demo/webpack_demo