Webpackファイルローダーは、[dest]/[file]の代わりに[dest]/[folder]/[file]にコピーします。

Question

Windows 10. https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacementのReact + Webpackチュートリアルに従っています。 index.htmlをapp/folderからdist/folderにコピーする必要があります。/distフォルダにコピーする代わりに、index.htmlはdist/app/folderにコピーされます。助けてもらえますか？ここで

は私webpack.config.jsは、事前に

module.exports = { 
    context: __dirname + "/app", 
    entry: { 
     javascript: "./app.jsx", 
     html: "./index.html" 
    }, 
    output: { 
     filename: 'app.js', 
     path: __dirname + "/dist", 
     publicPath: __dirname + "/dist" 
    }, 
    module: { 
     loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     }, 
     { 
     test: /\.html$/, 
     loader: 'file-loader?name=[name].[ext]' 
     } 
     ] 
    } 
}; 

フォルダ構造に

├───app 
│  app.jsx 
│  greeting.jsx 
│  index.html 
│ 
└───dist 

感謝を提出されました！

Answer 1

Windows OSのパス区切り文字は\ではなく、/です。

var path = require('path'); 

module.exports = { 
    context: path.join(__dirname, "app"), 
    ... 

：

だから、あなたはパスの2つの部分をCONCATするpath.joinを使用する必要があります