Wie funktioniert <script src = "some_path/bootstrap.js"> auf dem Webpack-Server?

Ich möchte nur testen, ob der Bootstrap mit meiner React App gut funktioniert. (Ich verwende einen Textvorschlag, die bereits webpack enthalten)Wie funktioniert <script src = "some_path/bootstrap.js"> auf dem Webpack-Server?

ich durch Import der Dateien bei webpack Eintrag verwenden Bootstrap könnte, die von how-to-use-webpack-with-react-and-bootstrap gelernt:

einige Knoten Pakete installieren Dateien fertig zu werden mit unterschiedlicher Art
bearbeiten webpack.config.js es oben installierten Pakete lassen verwenden

Aber, ich will nur einen Versuch haben, und ich denke, es langsam machen zu bauen, wenn Bündel andere js lib in bundle.js (I heiße Ladung benötigen, also erwarte kein webpack bundle).

Jetzt schreibe ich Code wie:

<!doctype html> 
<html> 
    <head> 
    <title>test</title> 
    <script type="text/javascript" src="res/bootstrap/js/bootstrap.min.js"></script> 
    <link rel="stylesheet" href="res/bootstrap/css/bootstrap.min.css"> 
    </head> 
    <body> 
    <div id="root"></div> 
    <script src="/static/bundle.js"></script> 
    </body> 
</html>

Der Inhalt bootstrap.min.js und bootstrap.min.css leer.

Ich habe versucht, den Pfad von "res/bootstrap/js/bootstrap.min.js" zu "src/res/bootstrap/js/bootstrap.min.js" zu ändern, aber nicht funktionieren.

auch versuchen resolve in webpack config gesetzt von Resolving require paths with webpack, in einem anderen Fehler führt wie Cannot resolve module 'react'

Ich weiß, ich kann Root-Pfad verwechseln oder eine Config vermissen, aber kann es nicht herausgefunden, was soll ich machen?

Quelle

2016-06-28 Mithril

OK, ein wenig zu spät Antwort zu schreiben, das Problem ist durch express .Das Projekt ist express ich gegabelt verwenden webpack Projekt zu starten, wird es webpack.dev.config.js enthalten, die ich denke eine verwendet webpack devserver.

Ich verstehe das Problem so schnell wie diese sehen:

app.get('*', (req, res) => { 
    res.sendFile(path.join(__dirname, 'index.html')); 
});

war mir egal, wie das Basisprojekt vor gestartet. Es verwendete Express, nicht Webpack Devserver, nur ein einfaches Routenproblem.

Änderung unter Arbeit,

app.get('/', (req, res) => { 
    res.sendFile(path.join(__dirname, 'index.html')); 
});

One beschweren: tut NodeJS Devs * Router setzen wollen?

Quelle

2016-07-04 12:02:40 Mithril

Wie funktioniert <script src = "some_path/bootstrap.js"> auf dem Webpack-Server?

Antwort

Verwandte Themen