Push Assets Ordner zu öffentlichen Verzeichnis mit Webpack

Question

Ich benutze Webpack zum ersten Mal. Momentan wird alles sehr gut serviert. Mein Problem ist, wenn ich versuche, einen dist Ordner zu erstellen. Zur Zeit bekomme ich meine index.html und bundle.js Dateien, aber ich kann nicht herausfinden, wie ich meine Vermögenswerte in den Ordner dist schieben.

Ich habe Datei-Loader geladen, aber es scheint nicht wirklich zu tun, was ich will es und keiner der Suche google ich habe laufen mir sagen, was ich wissen muss. Unten ist meine Konfigurationsdatei. Kann jemand ein Pferd zum Wasser führen? Auch wenn ich es laufen lasse, muss ich alle Bilder zu meinen React-Komponenten importieren?

var path = require('path'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    entry: './app/index.js', 
    output: { 
    path: path.resolve(__dirname, 'dist'), 
    filename: 'bundle.js', 
    publicPath: '/' 
    }, 
    module: { 
    rules: [ 
     { test: /\.(js)$/, use: 'babel-loader' }, 
     { test: /\.scss$/, use: [ 'style-loader', 'css-loader', 'sass-loader' ]}, 
     { test: /\.(png|jpe?g|svg|)$/, use: { loader: 'file-loader', options: }} 
    ] 
    }, 
    devServer: { 
    historyApiFallback: true, 
    }, 
    plugins: [ 
    new HtmlWebpackPlugin({ 
     template: 'app/index.html' 
    }) 
    ] 
}; 

Answer 1

Sieht so aus, als müsste ich nur Copy-Webpack-Plugin verwenden.

Um alle Vermögenswerte von 'app/assets /' auf 'dist/assets /' Ich brauche nur zu kopieren zu tun:

plugins: [ 
    new CopyWebpackPlugin([ 
     { from: 'app/assets', to: 'assets' } 
    ]) 
    ]