webpack-dev-server用法

1.啟動，--content-base指明服務(wù)器的根目錄

webpack-dev-server --content-base ./dist

2.publicPath資源路徑，在請求文件時候需要加上路徑名

module.exports = {
        entry: './src/js/index.js',
        output: {
            path: './dist/js',
            filename: 'bundle.js'，
            publicPath: '/assets/'
        }
    }

3.webpack-dev-server 支持2種自動刷新的方式：

Iframe mode
inline mode
這2種模式配置的方式和訪問的路徑稍微有點(diǎn)區(qū)別，最主要的區(qū)別還是 Iframe mode 是在網(wǎng)頁中嵌入了一個 iframe ，將我們自己的應(yīng)用注入到這個 iframe 當(dāng)中去，因此每次你修改的文件后，都是這個 iframe 進(jìn)行了 reload 。

Paste_Image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容