の二つの基本的な役割7のhtml-WebPACKの-プラグイン

HTML-のWebPACK -プラグインの役割:
メモリ1.は家庭内のメモリを生成するために、Googleのインデックスページテンプレートに従って
HTML-WebPACKの-プラグインを使用する場合2.当社は、手動で参照bundle.jsのパスを処理するために、不要になりました、
このプラグインので、自動的に適したスクリプトを作成するために私たちを助けている、そして、への正しいパスを参照する
2つの関数の簡単な概要:
1.は、自動的にメモリ内の特定のページに応じてメモリページを生成します
。2.自動的にパッケージ化行くためにページに追加bundle.js

cnpm私のhtml-のWebPACK-プラグイン-D取り付けられた信頼の開発を実行します

//第1步
// 导入内存中生成HTML页面的插件
// 只有是插件,都一定要放到Plugins节点中去
const htmlWebpackPlugin=require('html-webpack-plugin')
//第2步
 new htmlWebpackPlugin({//创建一个在内存中 生成HTML页面的插件
        template:path.join(__dirname,'/src/index.html'),//指定 模板页面,将来会根据指定的页面路径,去生成内存中的页面
        filename:'index.html' //指定生成的页面的名称
       })

おすすめ

転載: www.cnblogs.com/songsongblue/p/11875614.html