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

鍍金池/ 問答/HTML5  HTML/ webpack dev和prod環(huán)境

webpack dev和prod環(huán)境

生產(chǎn)環(huán)境要求打包出來的文件夾是這樣的格式:

  - abc
    - public
        -  img
        -  font
    - static   
  - index.html

及1個(gè)文件夾里 有一個(gè)文件夾和一個(gè)index.html, public 是靜態(tài)資源文件。
所以在生產(chǎn)環(huán)境中圖片等資源的路徑就是 類似 /abc/public/img/name.png

生產(chǎn)環(huán)境搞定了, 但是現(xiàn)在在開發(fā)環(huán)境遇到了問題 (基于create-react-app 搭建的項(xiàng)目)
我為了開發(fā)環(huán)境與生產(chǎn)環(huán)境的圖片資源等路徑一致,
開發(fā)環(huán)境中 devServer 的contentBase設(shè)置的是public文件夾, 我更改contentBase為abc文件夾,以及copy public里面的資源到這個(gè)abc文件夾下,webpack.config.dev.js 設(shè)置publicPath = '/abc' 等一系列操作,

但是一直路徑問題解決不了, 麻煩有遇到過得提供一些思路, 謝謝

回答
編輯回答
歆久

dev 環(huán)境中 output 的 publicPath 是關(guān)鍵, webpack-dev-server 會(huì)默認(rèn)從publicPath為基準(zhǔn)來啟動(dòng)服務(wù),故導(dǎo)致錯(cuò)誤。
所以設(shè)置output的path為你想生成的文件目錄, 然后publicPath 設(shè)置為默認(rèn)的'/'。

2017年10月16日 19:59