9
Ho creato un repository Github che ha tutti gli source code correlati a questa domanda. Sono in grado di caricare build/index.html nel browser dopo aver eseguito npm install. Tuttavia, quando visualizzo la scheda delle fonti in Chrome, non vedo le mappe di origine associate ai file .tsx.Missing sourcemaps nel progetto Typescript + Webpack
Ecco uno screenshot di quello che vedo: 
Ho aggiunto sourceMap: true nel mio tsconfig.json così come debug: true e devtool: "source-map" nel mio webpack.config.json. Qualche idea su cosa mi manca qui?
EDIT:
Questa potrebbe essere una domanda stupida, ma devi usare webpack-dev-server al fine di vedere le sourcemaps?
Non vedo un problema qui, ho clonato il repository: 'installazione di npm e installazione di typ & & npm run dev' -> chrome aperto - > F12 -> vai a localhost: 8080/webpack-dev-server (o localhost: 8080/build - entrambi funzionano) e vedo un log da 'ReactDOM.js: 66' e' app.tsx: 14', quindi i sourcemap sembrano funzionare - forse il tuo problema è di aprire PRIMA gli strumenti di sviluppo prima di inserire l'url (o premere F5 dopo aver aperto gli strumenti di sviluppo) - ma la tua configurazione sembra funzionare. - Il Nodo in esecuzione v4.2.6 (> = 4.xx è richiesto per Webpack credo) – olsn
@olsn quando ho inizialmente posto questa domanda, mi chiedevo se potevo vedere le mappe di origine quando sto usando solo webpack e non webpack- dev-server. Sembra che per vedere le mappe di origine, dovrò usare webpack-dev-server, giusto? – wmock
no, le mappe sorgente verranno generate sia con 'webpack' che con' webpack-dev-server' - poiché fondamentalmente è la stessa cosa, con l'aggiunta di 'dev-server' che serve automaticamente le cose che' webpack' confezionato. - Quindi puoi usare 'npm run build' o' npm run dev' ed entrambi genereranno una source-map. – olsn