的WebPack輸入和輸出路徑

和我webpack.config.js文件目錄看起來像

module.exports = { 
    entry: [ 
    'webpack/hot/dev-server', 
    'webpack-hot-middleware/client', 
    './resources/assets/bundle/entries/feed.js'], 
    output: { 
    path  : path.join(__dirname, 'public/bundle'), 
    publicPath : '/', 
    filename : 'bundle.js' 
    } 
}

有什麼不好？爲什麼我在public/bundle/bundle.js中找不到bundle.js？我運行http://localhost:3000/bundle/bundle.js我得到了404錯誤嗯..

來源

2017-02-14 Mellisa

本地主機是否：3000/bundle.js返回該包？您將publicPath設置爲'/' – kjonsson

@kjonsson 404錯誤 – Mellisa

您的文件結構中的哪個位置是您的webpack.config？ ^^ – thesublimeobject

在開發人員模式下，webpack不生成硬盤中的文件。如果以生產模式運行webpack，您將看到生成的文件。

來源

2017-02-14 15:26:17

但這並不意味着我無法運行http：// localhost：3000/bundle/bundle.js對不對？ – Mellisa

@Mellisa webpack創建一個「虛擬」包，所以你沒有「找不到源」的網絡錯誤。 –

我有404錯誤，我的路徑是正確的？我有2個項目，這個項目我無法得到它的工作，所以我想上面的路徑有問題。 – Mellisa

當您使用熱重載或不同的觀察者時，webpack將生成虛擬包。如果您嘗試運行全局命令「的WebPack」或建造項目，你可以得到bundle.js

來源

2017-02-14 15:33:58

ok我假設文件存在但我看不到它，但是當我嘗試訪問http：// localhost：3000/bundle /bundle.js我得到了404錯誤，爲什麼？ – Mellisa

在你index.html我們不localhost，而相對於當前文件提及的文件的路徑。所以，如果index.html是根，你會提腳本SRC如下

<script src="./public/bundle/bundle.js"></script>

來源

2017-02-14 16:42:19

的WebPack輸入和輸出路徑

回答

相關問題