webpack简单使用（三）

插件使用

将打包后的js自动引入到html文件中

1. 安装所需要的依赖

   npm install html-webpack-plugin --save-dev

2. 在webpack.config.js中添加一行

   let htmlWebpackPlugin = require('html-webpack-plugin');

3. 在根目录中新建一个html文件，名字自取，这里叫template.html

4. 在webpack.config.js中添加配置项

   plugins: [
           new HtmlWebpackPlugin({
               template:'./src/template.html',//模板
               filename:'index.html'//输出的文件名
           })
       ]

自动打包

不用每次都手动运行脚本

1. 安装所需要的依赖

   npm install webpack-dev-server --save-dev

2. package.json中scripts配置项中新建一项

   "dev":"webpack-dev-server"

3. 运行脚本npm run dev

   默认地址是http://localhost:8080