craco-html-webpack-plugin

A craco plugin for replacing html-webpack-plugin with html-webpack-plugin

NOTE: This plugin only works with craco v5.8.x

Installation

1. Install craco

2. Install craco-html-webpack-plugin :

   NPM

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

   Yarn

   yarn add craco-html-webpack-plugin -D
   

3. Install html-webpack-plugin :

   NPM

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

   Yarn

   yarn add html-webpack-plugin -D
   

4. Edit craco.config.js :

   const CracoHtmlWebpackPlugin = require('craco-html-webpack-plugin');
   
   module.exports = {
     plugins: [
       {
         plugin: CracoHtmlWebpackPlugin,
         options: {
           // See the options description below
           skipPreflightCheck: true,
           options: {
             inject: true,
             title: 'HtmlWebpackPlugin',
             hash:true,
             template:'./public/index.html'
             // ...
           },
         },
       },
     ],
   };
   

Options

• skipPreflightCheck

  • html-webpack-plugin required html-webpack-plugin with version ^4.5.0, which doesn't match the version that came with the CRA, and stop you from running the app. Set this option to true, will set the SKIP_PREFLIGHT_CHECK=true, which basically to tell CRA to skip the dependencies version checking. If not, you can always add into your .env file.