Ich verwalte meine Reaktionsanwendung mit Webpack. Jetzt möchte ich eine Abhängigkeit von dieser URL importieren:

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

traditionally habe ich gerade den obigen Code in meine index.html-Datei eingefügt. Aber wie kann ich es jetzt zulassen, dass Webpack diese URL lädt? Und wie reagieren meine Js mit dieser Abhängigkeit?

wenn ich den webpack-dev-server starte, erhalte ich den folgenden Fehler:

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

Dann verwende ich einen kleinen Loader, um die URL zu laden. Unten ist der Javascript-Code, um den Loader zu verwenden:

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'));

Aber ich habe immer noch den folgenden Fehler beim Starten des Webpacks erhalten:

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