插件的范围包括,从打包优化和压缩,一直到重新定义环境中的变量。插件接口功能极其强大,可以用来处理各种各样的任务。(简单概括,将其理解为webpack的一种功能扩展)

    plugins配置项接收一个数组,数组里的每一项都是一个要使用的plugin的实例,plugin需要的参数通过构造函数传入。

    1. const HtmlWebpackPlugin = require('html-webpack-plugin'); // 通过 npm 安装
    2. const webpack = require('webpack'); // 用于访问内置插件
    3. const config = {
    4. module: {
    5. rules: [
    6. { test: /\.txt$/, use: 'raw-loader' }
    7. ]
    8. },
    9. plugins: [
    10. new HtmlWebpackPlugin({template: './src/index.html'})
    11. ]
    12. };
    13. module.exports = config;