首页
前端开发
Webpack
mini-html-webpack-plugin轻量版HTML模板插件

mini-html-webpack-plugin轻量版HTML模板插件

0 次浏览 0 条评论
zip
zip

mini-html-webpack-plugin 的轻量特性，对想要控制打包体积的你来说，挺香的。它不像 html-webpack-plugin 那样一大堆配置，核心功能保留了，其他都砍掉了，写得克制。嗯，自动生成CSS和JS的路径，适配webpack 4+也没啥毛病。你用过 webpack 多了，应该知道插件一多，构建时间就容易变慢，这时候换它蛮合适的。

插件用法也不难，装一下：

npm install mini-html-webpack-plugin

配置：

const { MiniHtmlWebpackPlugin } = require('mini-html-webpack-plugin');


const config = {
  plugins: [
    new MiniHtmlWebpackPlugin({
      filename: 'demo.html' // 默认是 index.html
    })
  ]
}

如果你只是想简单地输出一个HTML，不想折腾那些复杂选项，这个插件还不错。省事儿，响应也快。记住，它不兼容html-webpack-plugin，所以别想着混着用。

你要是对 webpack 插件感兴趣，像是提取关键CSS的可以看看 html-critical-webpack-plugin，整合 React 项目的也有现成的方案 Webpack4 整合 React。选对工具，事半功倍。

如果你只需要简单输出 HTML，追求构建快、体积小，那你可以放心用它。

zip 文件大小：98.4KB