2016-06-28 2 views
0

私はちょうどブートストラップが私の反応アプリでうまく動作するかどうかをテストしたいと思う。異なるタイプ webpackサーバーで<script src = "some_path/bootstrap.js">を動作させる方法は?

  • を持つファイルを対処するために、いくつかのノードパッケージをインストール

    1. :私は輸入によるhow-to-use-webpack-with-react-and-bootstrapから学んだWebPACKのエントリでファイルをブートストラップ使用することができ

      (私はすでにWebPACKのが含まれている定型文を使用しています)それがインストールされたパッケージ

    上で使用できるようにするには、[編集] webpack.config.jsしかし、私は試してみるにしたい、と私はそれがあれば、バンドル他のjs bundle.jsにlibに遅い構築作ると思います(私は熱い負荷を必要としますWebpackバンドルをすべて期待しないでください)。 bootstrap.min.jsbootstrap.min.cssの内容が空である

    <!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> 
    

    :よう

    は今、私はコードを書きます。

    私は"res/bootstrap/js/bootstrap.min.js"から"src/res/bootstrap/js/bootstrap.min.js"へのパスを変更しようとしましたが、動作しませんでした。

    またResolving require paths with webpackでのWebPACKの設定でresolveを設定しようと、それはCannot resolve module 'react'

    のような別のエラーになり、私はルート・パスを間違えたり、いくつかの設定を見逃す可能性が知っているが、それを把握することはできません、 何私がすべき行う?答えを投稿して少し遅れて

  • 答えて

    0

    OK、 問題は、私はフォークexpress【選択プロジェクトであるWebPACKのプロジェクトを開始するexpressを使用している、それは私がそれを使用していると思わせるwebpack.dev.config.jsを含んでいますwebpack devserver。

    は、私はすぐにこれを見ると、問題を理解して:ベースプロジェクトが前に始めたか

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

    が、私は気にしませんでした。それはWebpackのdevserverではなく、単純なルートの問題であるexpressを使用していました。仕事下記へ

    変更、

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

    一つは文句:nodejs開発者は*ルータを設定したいのですか?

    関連する問題