Webpack編譯但webpack-dev-server不具有相同的配置

Question

我開始學習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 

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

事情是，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沿着以下。

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

我在這裏錯過了什麼？

Answer 1

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

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