在沒有服務器的情況下執行反應webpack包

我有一個簡單的React應用程序，它由各種node_modules構建而成。當我將應用程序綁定到index.html和app.js並從webpack-dev-server實例提供應用程序時，應用程序運行正常。我試圖直接指向chrome中的index.html文件，期望它能像平常一樣運行應用程序，因爲它可以訪問捆綁的app.js，儘管沒有加載。在沒有服務器的情況下執行反應webpack包

我的問題是，webpack-dev-server提供了什麼，我沒有直接點擊index.html文件？我會認爲應用程序需要的所有東西都包含在app.js包中？

我現在沒有任何靜態資產需要擔心，這是一個非常簡單的反應應用程序，它應該呈現一些基本組件，它將顯示一些文本/按鈕。

控制檯是空和網絡選項卡看起來如下 -

來源

2017-09-25 andy mccullough

Chrome中的網絡和控制檯面板說了什麼？你有沒有得到任何加載信息？ – Peter

您可以構建靜態文件，您可以在任何Web服務器上託管，但取決於您如何捆綁CSS和圖像以及如何鏈接到主JS文件，您可能會遇到不同的問題 – Peter

@Peter，iive添加了更多細節問題 –

糾正我，如果我錯了，但我覺得你只是不產生你的包。

Webpack-server使用webpack構建文件並將app.js保存在內存中。當你停止webpack-dev-server時，你的index.html可能沒有app.js文件。您只需使用您的webpack配置來構建您的app.js文件。

將腳本添加到您的package.json，如：

"scripts": { 
    "build": "webpack --config directory/webpack.config.js --progress" 
},

，然後運行nam run build，它應該然後生成您的應用程序包，然後粘貼到您的index.html的目錄，因此可以把它撿起來。

來源

2017-09-25 17:17:28 Tomasz

我正在做構建步驟，它正在構建一個app.js，雖然這使我認爲，當我認爲它通過webpack-dev-server工作時，它是我正在看到的內存包中的工作，而不是在構建過程中構建的包。 –

那是正確的。很明顯，你的HTML無法找到'app.js'，否則你會在控制檯中得到JS錯誤。這將有所幫助如果你可以顯示你的文件結構和index.html。嘗試清除你的瀏覽器緩存。 – Tomasz

在沒有服務器的情況下執行反應webpack包

回答

相關問題