title: How to import HTML files in dist folder?
body: <p>In my development environment I give </p>
  
  <pre><code>res.sendFile(path.resolve(__dirname,'../Views/setpwd.html');
  </code></pre>
  
  <p>and it is working well in development environment.</p>
  
  <p>But in production Views are not moving to dist folder even though I have added html loader in webpack. Could you guys please help me on this?</p>
  
  <p>Thanks in advance </p>
  
  <p>## Webpack config## </p>
  
  <pre><code>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,
              },
          }),
      ]
   }
  </code></pre>
  
  <p>deVdependencies</p>
  
  <pre><code>"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"
    },
  </code></pre>