同じファイルのWebPACK回2つのファイルのパッケージを作成します

---------------------------------- webpack.config.js ----------- --------------------------------------------

コンフィグ= {CONST 
エントリ:{
メイン'./src/index.js'、
サブ:' ./src/index.js'
}、
出力:{
publicPath: "http://www.baidu.com"、 //別のリンク時に静的リソースファイル場合のindex.html publicPathのによって提供されるよう、パスは同じ効果を設定することができる
ファイル名:「[名]は.jsファイル」、//ファイル名を生成するために、互いに対応する
パス:path.resolveディレクトリDISTにパッケージファイルのうち(__dirname、 'DIST')//
}、
プラグイン:[新しい新HtmlWebpackPlugin({// SRC / index.htmlをファイル内のパッケージファイルのうち
、テンプレート:「SRC /インデックス。 HTML '
})、新しい新しいCleanWebpackPlugin([' DIST「])]、
Module1の:{
ルール:[
{
テスト://この構成はキー/\.jpg$/ある
使用:{
ローダー:「ファイル・ローダー」、
オプション:{
名:「[名前] [EXT]」、//絵と名前サフィックスの外に詰める前と同じであり、
OutputPath:「ロイヤリティーフリー/」//パックからファイルDIST /画像フォルダに格納されています
}
}
}

]
}
};

----------------------------- index.html-- --------------------------------------
<!DOCTYPE HTML> 
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
</ HEAD>
<BODY>
ます。<script type = "text / javascriptの" SRC = "http://www.baidu.com/main.js"> </ SCRIPT>
ます。<script type = "text / javascriptの" SRC = "http://www.baidu.com/sub.js"> < /スクリプト>
</ BODY>
</ HTML>

おすすめ

転載: www.cnblogs.com/hellosxs/p/11411028.html