Webpack 网页包文件加载器复制到[dest]/[folder]/[file]，而不是只复制所需的[dest]/[file]

视窗10。我正在关注上的React+Webpack教程，并停留在我们应该将index.html从app/folder复制到dist/folder的位置。不是将权限复制到/dist folder 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

---

提前谢谢

Windows操作系统中的路径分隔符是

\

而不是

/

因此，您应该使用

path.join

来连接路径的两部分：

var path = require('path');

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