Webpack構建和部署過程

Question

我剛剛開始使用Webpack通過建議，並正在尋找一些關於如何實現構建和部署目的的指導。

我現在有它和使用的WebPack-dev的服務器和一些咕嘟咕嘟任務運行很好。

傳統，我會用咕嘟咕嘟或步兵到Concat的除其他事項外的文件，然後使用任務運行到我的所有文件和資產從那裏我將部署一切複製到DIST或建立目錄。

在分鐘的WebPack做它的東西，並建立捆綁文件，圖片等，然後將它們複製到build目錄，使用[散列] .js文件命名約定。

所以我的問題是，究竟是什麼，然後用我的index.html文件複製，然後正確地將其鏈接到JS文件在生產中使用的標準做法。

除非我完全誤解Webpack應該如何使用，應該沒有辦法讓我這樣做，最終的結果是我有能力導航到構建目錄，並看到我的應用程序啓動並運行爲它應該是？

Answer 1

我目前使用插件來移動我的index.html。確保您的webpack.output.publicPath指向您的網站，以便它可以鏈接圖像和其他資源。

var CopyWebpackPlugin = require('copy-webpack-plugin'); 

var webpack_config = { 

    //Other configs here 

    output: { 
     publicPath: 'http://localhost/' 
    }, 

    //Other configs here 

    plugins:[ 
     new CopyWebpackPlugin([ 
       {from: './index.html', to: './index.html'}, 
      ], { 
       ignore: [ 
        '*.txt', 
        {glob: '**/*', dot: true} 
       ] 
      }) 
    ], 

    //Other configs here 

}