Question

Windows 10.我正在关注https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement上的React + Webpack教程，并且我们应该将index.html从app /文件夹复制到dist /文件夹。而不是复制到/ dist文件夹index.html被复制到dist / app /文件夹。你能帮忙吗？

这是我的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操作系统中，路径分隔符为\而不是/。

因此，您应该使用path.join来连接两部分路径：

var path = require('path');

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

Webpack文件加载器复制到[dest] / [文件夹] / [文件]而不是只需要[dest] / [file]

1 个答案: