webpack -- plugin插件

插件目的在于解决 loader 无法实现的其他事
这里以html-webpack-plugin插件为例，这个是输出html文件的

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

然后就可以在插件里面配置了

// webpack.config.js
plugins: [
    new HtmlWebpackPlugin({
      title: '练习', // 这个是html页面的title标签内容
      template: 'index.html', // 这个是引用的模板文件
      filename: 'index.html' // 这个是输出的html文件名称，也可以是个路径文件，这个路径默认是相对于output.path而言的，也就是`/dist`
    })
]

具体关于html-webpack-plugin的配置说明和运用后面专门讲
做完这些，就可以运行npm run build
打开dist里面的index.html，直接在浏览器运行，就可以看见内容和样式了
html-webpack-plugin配置详情