ApacheサーバでWebpackプロジェクトを実行するには

私はdevサーバ環境でうまく動作するプロジェクトを持っていますが、今はApacheサーバ上で実行するようにしています。私はpackage.jsonファイル（build： "babel-node tools/build.js & & npm run：dist"）で 'npm run build'を実行し、次のファイルを含むdistフォルダを作成しました：ApacheサーバでWebpackプロジェクトを実行するには

私はこのフォルダINSIを置い

index.htmlを
main.js
main.map.js
のmain.css
main.css.map

私のApacheディレクトリのhtdocsフォルダのde。私はindex.htmlをダブルクリックして、アプリケーションのホームページに連れて行ってくれることを望んだが、何も起こらなかった。コンソールにもエラーはありません。事前に

<!DOCTYPE html> 
<html lang="en"><head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta charset="utf-8"/> 
    <title>Survey Builder</title> 
    <link href="./dist/app/main.8286783e52fd295f2f9e5d678a8a2acd.css" rel="stylesheet"> 
    </head> 
     <body> 
      <div id="app"> 
      </div> 
      <script type="text/javascript" src="./dist/app/main.66670fe7523b3b72f307.js"></script> 
     </body> 
</html>

おかげでたくさんの：

はここで私が使用しているindex.htmlファイルです！

出典

2017-01-18 nikotromus

Devサーバーはノード上で動作します。しかし、どんなWebサーバーでもコンパイルされたWeb Packを提供できます。 –

soooo - 私は間違っていると思いますか？ – nikotromus

まず、Apacheサーバーを起動しましたか？また、HTMLファイルをダブルクリックしても、サーバーが提供するバージョンは開きません。 http：// localhostに移動し、そこにあるものを確認してください –

私自身の質問にお答えします。

* Reactを使用していてApacheにデプロイする場合は、Apacheにファイルを置くパスをReactルートに反映させる必要があります。したがって、実稼働準備完了のReactファイルをhtdocsのApacheディレクトリにあるフォルダの中に置く場合は、そのパスもルートに反映させる必要があります。あなたのプロダクションレディファイルをApacheのhtdocsディレクトリにそのままダンプすると、そのまま動作します。

私はこれが役立つことを願っています...

出典

2017-01-24 14:06:06 nikotromus

ApacheサーバでWebpackプロジェクトを実行するには

答えて

関連する問題