Wie HTML-Dateien in Dist-Ordner importieren?

Question

In meiner Entwicklungsumgebung gebe ich

res.sendFile(path.resolve(__dirname,'../Views/setpwd.html'); 

und es funktioniert gut in Entwicklungsumgebung.

Aber in der Produktion Ansichten werden nicht in Dist-Ordner verschoben, obwohl ich HTML-Loader in Webpack hinzugefügt habe. Könnt ihr mir bitte dabei helfen?

Vielen Dank im Voraus

## Webpack Config ##

var path = require('path'); 
var webpack=require('webpack'); 
var nodeExternals = require('webpack-node-externals'); 
module.exports = { 
    entry: './src/app.js', 
    output: { 
     path: path.resolve(__dirname,'dist'), 
     filename: 'src/server.js', 
    }, 
     target: 'node', 
     externals: [nodeExternals()], 
     module: { 
     loaders: [{ test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}], 
     loaders: [ 
      { test: /\.(html)$/, loader: "file" } 
     ] 
    }, 
    plugins: [ 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { 
       warnings: false, 
      }, 
      output: { 
       comments: false, 
      }, 
     }), 
    ] 
} 

deVdependencies

"devDependencies": { 
    "babel-core": "^6.24.1", 
    "babel-loader": "^7.0.0", 
    "babel-plugin-transform-runtime": "^6.23.0", 
    "babel-preset-env": "^1.5.1", 
    "babel-preset-es2015": "^6.24.1", 
    "file-loader": "^0.11.2", 
    "webpack": "^2.6.1", 
    "webpack-node-externals": "^1.6.0" 
    }, 

Answer 1

Wenn ich zu verstehen, dies richtig, möchten Sie über die HTML-Dateien in ../Views/*.html kopieren zu einem Verzeichnis mit Webpack. Wenn ja, dann müssen Sie die copy-webpack-plugin verwenden:

new CopyWebpackPlugin([ 
    { 
    from: path.resolve(__dirname, '../path/to/views/directory'), 
    to: path.resolve(__dirname, '../path/to/dist') 
    ignore: ['.*'] 
    } 
])