webpack-hmr

    0熱度

    1回答

    有誰知道爲什麼我得到的bundle中的webpack運行時的重複? 它後面加了多個數字?瀏覽器將它們視爲新文件。 dev-server.js? ? DEV-server.js 52d4 DEV-server.js 53d4 * 查看文件樹左側: 爲什麼做這個?我只想要一個包中的文件的副本。

    1熱度

    1回答

    我試圖用熱模塊替換與Webpack構建我的React項目。但是,Webpack會忽略文件更改。我究竟做錯了什麼? 我的配置: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/clien

    3熱度

    1回答

    我正在開發一個React應用程序,並已安裝webpack將我的代碼打包到捆綁包中。 但是,當我使用React DevTools在Chrome中加載我的應用程序並嘗試通過擴展來修改組件的道具時,它不會更改值或使用新值重新渲染。 下面是我webpack.config.js 'use strict'; const webpack = require('webpack') module.expor

    11熱度

    2回答

    我有一個簡單的配置webpack-dev-middleware和webpack-hot-middleware使用熱重載(HMR)的反應。 一切都工作正常,除了我對代碼所做的每一個變化,它需要2 3-4秒!直到我在瀏覽器中看到它。 我做錯了什麼?它應該是這樣的? 我的代碼相當大,我的包縮小到841kb(200kb gzipped)是這個原因嗎?代碼庫越大,創建的包越慢? Express服務器: va

    1熱度

    1回答

    嗨我目前正在努力學習如何使用webpacks HMR表達沿後不工作,我每次更新和保存文件時,它給我的錯誤: 「 」以下模塊無法熱更新:(需要全部重新加載)「 」./app/components/App.js「 我的當前配置文件有什麼問題嗎? 所以我有這樣的目錄結構: todos | app | package.son server.js

    2熱度

    2回答

    Webpack熱重載(webpack-hot-middleware)爲客戶提供了極大的幫助;它會在文件發生更改時重建和更新客戶端上的資產。但對於服務器需要預渲染HTML響應的通用/同構服務器來說,這非常困難。 天真的解決方案是重新啓動(例如,用nodemon)每當一個文件被改變的服務器,但是這將關閉所有的客戶端連接,並且對於大的服務器,這是非常慢的。 一個稍微好一點的解決方案是手動觀看資產(例如用

    4熱度

    3回答

    當我在webpack-dev-server運行時吟誦app.js和main.css時,該軟件包已更新。 但是,當我更改index.html服務器不重新加載,如果我添加一些行的HTML webpack-dev-server不重新加載頁面。 這是我的webpack.config.js和package.json文件。 我希望你能幫助我。 webpack.config.js: var webpack =

    1熱度

    1回答

    我正在使用最新的(v3)react-redux-starter-kit。一切都很順利,除了HMR之外,還有一個新項目正在建立:它不會重新加載,我看不到我的更改。我檢查了瀏覽器的控制檯:[HMR] connected 經過一些更多的調查後,我發現如果我在Vagrant框內(已登錄)進行更改,HMR確實有效!所以它必須是主機(Mac OSX)和Vagrant盒之間的文件系統級問題。 有沒有人有過這個問

    3熱度

    1回答

    我正在設置一個基本的Webpack安裝,並希望使用PostCSS和PreCSS插件在@imported文件中自動瀏覽器重新載入預處理的CSS。目前,如果我修改並保存@imported文件,瀏覽器不刷新(下例中的body.css)。如果我然後保存根引用的CSS文件(styles.css),則瀏覽器刷新並且還反映對@imported文件所做的任何更改。 我嘗試過使用可配置的webpack-dev-se

    2熱度

    1回答

    我想讓熱重裝與我的設置一起工作。目前,它的工作原理是這樣 - server.js // this is the main server, which connects to db, serves react components, etc const app = express(); app.get('/:params?*', (req, res) => { res.status