distフォルダにHTMLファイルをインポートするには？私の開発環境では

Question

私は

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

を与え、それは、開発環境でうまく機能しています。

しかし、webpackにhtmlローダーを追加しても、ビューはdistフォルダに移動しません。皆さん、私を助けてください。事前に

おかげ

## WebPACKの設定##

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

私はこれを正しく理解していた場合、あなたは../Views/*.htmlにHTMLファイルをコピーしたいですwebpackを使用してdist/ディレクトリに移動します。もしそうなら、あなたはcopy-webpack-pluginを使用する必要があります。

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