☰

Webpackで静的ファイルをビルドディレクトリにコピーするにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript webpack
Webpackで静的ファイルをビルドディレクトリにコピーするにはどうすればいいですか? 質問する

Gulpからに移動しようとしていますWebpack。 には、すべてのファイルとフォルダーを/static/フォルダーから/build/Gulpフォルダーにコピーするタスクがあります。 で同じことを行うにはどうすればよいでしょうか? 何らかのプラグインが必要ですか?Webpack

ベストアンサー1

ファイルローダーモジュールを使用してアセットを要求することは、webpackが意図されている使用方法です（ソースただし、より柔軟性が必要な場合や、よりクリーンなインターフェースが必要な場合は、my copy-webpack-plugin(ネプ、ギットハブ）。例として、次staticのようになりますbuild。

const CopyWebpackPlugin = require('copy-webpack-plugin');
 
module.exports = {
    context: path.join(__dirname, 'your-app'),
    plugins: [
        new CopyWebpackPlugin({
            patterns: [
                { from: 'static' }
            ]
        })
    ]
};

互換性に関する注意:のような古いバージョンの webpack を使用している場合は[email protected]、 を使用してください[email protected]。それ以外の場合は最新版を使用してください。

おすすめ記事