Webpack talvolta non riesce a rilevare le modifiche salvate con Intellij Idea

Question

Sto sviluppando un'applicazione JavaScript/React in Intellij Idea e sto utilizzando webpack-dev-server per creare in modo incrementale i miei file. Ciò significa che il server di sviluppo sta guardando i file e se un file riceve dei cambiamenti, lo webpack lo ricostruisce. Scenario piuttosto standard.

Sfortunatamente, webpack a volte decide di ignorare determinati file. Posso cambiarli tutto ciò che voglio ma lo webpack non fa nulla. Non sono stato in grado di determinare alcun modello su cui i file vengono ignorati. È arbitrario. A volte ho appena creato un nuovo file e webpack lo ignora.

Ciò che è interessante è che si verifica solo quando eseguo il salvataggio utilizzando Intellij Idea. Se apro il file in un altro editor (ad esempio vim) e lo salvo, il file viene ricostruito correttamente. In realtà, è sufficiente il semplice touch file.js per avviare la ricostruzione.

Immagino ci sia qualcosa di sbagliato in come Intellij Idea salva i file. Qualche idea?

Answer 1

Ciò è dovuto a una funzione IDE nota come "scrittura sicura". Se abilitato, l'IDE scriverà le modifiche in un file temporaneo su quello reale. Questo significa che il meccanismo di visualizzazione dei file di webpack non può raccogliere le modifiche. Disabilita questa funzione per risolvere il problema. Reference.