2016-03-15 44 views
2

我開始學習webpack並試圖通過使用webpack-dev-server進行編譯和瀏覽器重新加載。Webpack編譯但webpack-dev-server不具有相同的配置

我遇到了一個問題,當我運行命令:

webpack 

我的文件編譯很好,但是當我使用命令:

# I removed the "--hot" and "--inline" to try to isolate where the problem 
# was coming from. 

webpack-dev-server --config webpack.config.js 

命令的輸出終端看起來不錯,但沒有什麼實際上編譯:

Gif showing the difference

事情是,webpack-dev-server 確實成功地爲public目錄中的文件提供服務,以便部分工作,它只是不編譯javascript和vue文件。

這裏是我的webpack.config.js

module.exports = { 
    entry: './src/index.js', 
    output: { 
     path: __dirname + '/public', 
     publicPath: '/public', 
     filename: 'bundle.js' 
    }, 
    devtool: 'source-map', 
    devServer:{ 
     contentBase: __dirname + '/public' 
    }, 
    module:{ 
     loaders:[ 
      { test: /\.vue$/, loader: 'vue'} 
     ] 
    } 
}; 

我一直在描述的過程中,我沒有看到任何不對勁的vue-loader start tutorial沿着以下。

我知道我指定的內容目錄與本教程不同,但據我所知,不會影響文件的編譯。

我在這裏錯過了什麼?

回答

4

發生這種情況是因爲Webpack-dev-server從內存而不是磁盤提供文件。 從文檔的準確的報價,https://webpack.github.io/docs/webpack-dev-server.html

該修改束從存儲器供應在publicPath指定的相對路徑 (見API)。它不會被寫入您的 配置的輸出目錄。如果一個包已經存在於相同的url路徑中,則內存中的包將優先(默認情況下)。

+0

啊,好吧,我記得現在你提到它。所以這意味着我遇到的總體問題有點不同。我會更新我的問題。 –

+0

實際上,總體問題不同,我要創建一個新帖子。你回答了我最初問的問題,因此這篇文章沒有更多內容。 –

+0

您是否找到了答案? – jdc91

相關問題