1 回答

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超3個(gè)贊
您需要為 devServer 使用 watchContentBase 選項(xiàng):
watchContentBase:true
還建議為模塊替換設(shè)置 hot:true 和 open:true - 這樣當(dāng)您運(yùn)行開發(fā)服務(wù)器時(shí),它會自動在默認(rèn)瀏覽器中打開您的站點(diǎn)。
編輯
經(jīng)過長時(shí)間的聊天,結(jié)果如下:
仍然“實(shí)時(shí)重新加載”您應(yīng)該使用的頁面
watchContentBase
但在這種情況下還有其他問題 - devServer 中的 publicPath 和 outputPath 不一樣,然后index.html應(yīng)該引用/public/scripts下的bundle.js
新的 webpack.config.js:
const path = require('path')
? ??
? ? module.exports = {
? ? ? ? entry: './src/index.js',
? ? ? ? output: {
? ? ? ? ? ? path: path.resolve(__dirname, '/public/scripts'),
? ? ? ? ? ? publicPath: '/public/scripts',
? ? ? ? ? ? filename: 'bundle.js'
? ? ? ? },
? ? ? ? module: {
? ? ? ? ? ? rules: [{
? ? ? ? ? ? ? ? test: /\.js$/,
? ? ? ? ? ? ? ? exclude: /node_modules/,
? ? ? ? ? ? ? ? use: {
? ? ? ? ? ? ? ? ? ? loader: 'babel-loader',
? ? ? ? ? ? ? ? ? ? options: {
? ? ? ? ? ? ? ? ? ? ? ? presets: ['env']
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }]
? ? ? ? },
? ? ? ? devServer: {
? ? ? ? ? ? contentBase: path.resolve(__dirname, 'public'),
? ? ? ? ? ? watchContentBase : true,?
? ? ? ? ? ? publicPath: '/public/scripts'
? ? ? ? }
? ? }
Index.html 中捆綁包的新 src: /public/scripts/bundle.js
添加回答
舉報(bào)