Webpack

12 webpackCopyWebpackPlugin学習



12 Webpack Copywebpackplugin Learning



記事のディレクトリ

記事参照

  1. CopyWebpackPlugin中国語のドキュメント

インストール

npm install --save-dev copy-webpack-plugin

アプリケーションシナリオ

静的静的リソースなど、一部のリソース（ファイルローダー処理を必要としない）を指定されたディレクトリにコピーします

パラメータの説明

属性 機能説明 パラメータの説明
から コピーするソースファイルを定義します from：__ dirname + ’/ src / components’
に コピー先のフォルダを定義します to：__ dirname + ’/ dist’
入力し ファイル または
力 以前のプラグインを強制的に上書きする オプション、デフォルトはファイル
環境 デフォルトで使用可能なオプションの特定のコンテキストbasecontext
平らにする 指定したファイルのみをコピーする あいまい一致
無視する 指定されたファイルのコピーを無視する あいまい一致

webpack.config.js構成情報

const CopyWebpackPlugin = require('copy-webpack-plugin') plugins: [ new CopyWebpackPlugin([ // Package all files in the static/huangbiao folder to the root directory of the project { from: 'static/huangbiao' }, // Package all folders under the static/huanghaili folder under the project /static/haili directory { from: 'static/huanghaili', to: 'static/haili' }, // Package all files of md type in the static/huanghaili folder to the /static/haili directory of the project { from: 'static/huanghailiang/**/*.md', to: 'static/hailiang' } ]) ],