在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ output的publicpath和devServer的publicpath有什

output的publicpath和devServer的publicpath有什么關系

有一種情況,一直想不明白,就是output的publicpath和devServer的publicpath不一致的時候,為什么會引用不到相關的靜態(tài)資源呢?

截取部分webpack.config.js配置:

output:{
    path: path.resolve(__dirname,'../dist'),
    filename: '[name].js',
    publicPath: 'http://localhost:1207/static/'
},
devServer: {
    contentBase: path.resolve(__dirname,'../dist') ,
    host: 'localhost',
    port: 1207,
    publicPath: 'http://localhost:1207/web/'
},

上面這種情況,output的publicpath和devServer的publicpath不一致,index.html中引用不了相關靜態(tài)資源,我說一下我的理解和疑惑:

我的理解:

devServer啟動后,相當于在內存中開啟了一個node服務器,靜態(tài)資源的訪問入口是devServer配置的publicpath(http://localhost:1207/web/),但是由于output配置的publicpath是http://localhost:1207/static/,所以index.html引用的靜態(tài)資源路徑就是http://localhost:1207/static/xxx.js而不是http://localhost:1207/web/xxx.js,所以報錯

我的疑惑:

  1. output和devServer的publicpath不一致,為什么會訪問不到output的publicpath(http://localhost:1207/static/)下的靜態(tài)資源?output的publicpath是絕對路徑為什么訪問不了?
  2. devServer構建編譯打包,output和devServer之間的publicpath有什么關系?
回答
編輯回答
夢囈

我剛總結的,希望對你有幫助
https://www.jianshu.com/p/cbe...

2017年12月18日 23:14
編輯回答
氕氘氚

理解這段話你應該就知道原因了

webpack-dev-server輸出的文件只存在于內存中,不輸出真實的文件

2017年9月11日 21:40