為了防止這個問題被標記為重復,我想提一下,我已經提到了一些類似的 SO 問題并嘗試了接受/最受好評的答案,但這些沒有幫助:
我在這里想念什么?
uj5u.com熱心網友回復:
您的設定是正確的;根據您在 Webpack 中的檔案名設定,您的包位于
http://localhost:8080/bundle.js如果你想復制一個
index.html檔案來提供你的包的內容,你可能想看看HtmlWebpackPlugin這里:https ://webpack.js.org/plugins/html-webpack-plugin/uj5u.com熱心網友回復:
感謝@dave-kiss 指出正確的方向,關鍵思想是使用 HtmlWebpackPlugin和HtmlLoader。
我已將更改提交到分支 bug-fix-content-not-served 中的存盤庫https://github.com/phalgunv/basic-rxjs-starter.git以供參考。
以下是遵循的步驟:
安裝 html-load
npm install --save-dev html-loader html-webpack-plugin
使用 html-loader 更新 webpack.config.js 模塊->規則
模塊:{規則:[{測驗:/.tsx?$/,使用:“ts-loader”,排除:/node_modules/,},{測驗:/.html$/,加載器:“html-loader”,} , ], },
使用 HtmlWebpackPlugin 更新 webpack.config.js
插件:[新HtmlWebpackPlugin({模板:“src/index.html”,}),],
從 index.html 中洗掉
<script>標簽
檢查提交 - https://github.com/phalgunv/basic-rxjs-starter/commit/15d0779614ccd0428bb47bc308bea8f7f0509ea0以供參考。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/437309.html標籤:javascript 网页包 rxjs
