webpack.03-打包js同時生成html頁面

新建空文件夾：cmd

npm init -y
cnpm i -D webpack webpack-cli

文件夾和文件

src（文件夾）

index.html

<script src="test.js">

test.js

console.log(123)

安裝插件（生成html）：HtmlWebpackPlugin------> https://webpack.js.org/plugins/html-webpack-plugin/

cnpm install --save-dev html-webpack-plugin

webpack.config.js

varHtmlWebpackPlugin\=require('html-webpack-plugin');

module.exports\= {

entry: './src/main.js',

plugins: \[newHtmlWebpackPlugin()\]

};

運行打包命令：

webpack src/test.js

生成文件夾和文件

dist（文件夾）

index.html
main.js

未完待續...