如何在apache服务器上运行Webpack项目

时间:2017-01-18 19:16:32

标签: reactjs webpack webpack-dev-server

我有一个在开发服务器环境中运行良好的项目,但现在我试图让它在Apache服务器上运行。我在我的package.json文件上运行'npm run build'(“build”:“babel-node tools / build.js&& npm run open:dist”),它创建了一个包含以下文件的dist文件夹:

  • 的index.html
  • main.js
  • main.map.js
  • 的main.css
  • main.css.map

我将此文件夹放在Apache目录中的htdocs文件夹中。我双击index.html希望它能带我到应用程序的主页,但没有任何反应。甚至在控制台中都没有错误。

这是我正在使用的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>

提前感谢一大堆!

1 个答案:

答案 0 :(得分:3)

我会回答我自己的问题。

*如果您正在使用React并且在Apache上进行部署,则需要知道将文件放在Apache中的路径必须反映在React路由中。因此,如果将生产就绪的React文件放在htdocs Apache目录中的文件夹中,则还必须在路径中反映该路径。如果将生产就绪文件直接转储到Apache的htdocs目录中,它将开箱即用。

我希望这会有所帮助......