webpack3如何复制静态文件？

Question

webpack3如何复制静态文件?

百度到一个 copy-webpack-plugin 插件，是一年前的。

new CopyWebpackPlugin([{
    form: "dev/index.html",
    to: "dist/",
    force: true
}])

在webpack3中运行报错了。

错误如下:

我的目录结构

我的webpack全配置：

module.exports = {
    entry: {
        index: [
            './dev/js/index.js'
        ]
    },
    output: {
        filename: './dist/js/[name].js'
    },
    devtool: 'source-map',
    module: {
        loaders:[{
            test: /\.css$/,
            loader: ExtractTextPlugin.extract("style-loader", "css-loader")
        }],
        rules:[{
            test: /\.css$/,
            use: ExtractTextPlugin.extract({
                use: 'css-loader',
                fallback: 'style-loader'
            })
        }]
    },
    plugins: [
        new ExtractTextPlugin("dist/css/[name].css"),
        new CopyWebpackPlugin([{
            form: "dev/index.html",
            to: "dist/",
            force: true
        }])
    ]
};

我的目的很简单，就是把 dev/index.html 复制到 dist/index.html;
请问在webpack3中用什么方法实现？

Answer 1

...你单词拼错了
是from不是form

Answer 2

用绝对路径，改成下面的方式试试看

 from: path.resolve(__dirname, './dev/index.html'),
 to: path.resolve(__dirname, './dist'),