Skip to content

ant-tool/html-repath-webpack-plugin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

html-repath-webpack-plugin

NPM version Build Status Coverage Status NPM downloads Dependency Status

Webpack plugin for generating html file with specified path, meanwhile fix assets path in html by configuration.

Features

Generates html files with specified path

Installation

$ npm i --save html-repath-webpack-plugin

Usage

Add new plugin instance to your webpack config

  import HtmlRepathPlugin from 'html-repath-webpack-plugin';

  const compiler = webpack({
    // ...
    plugins: [
      new HtmlRepathPlugin({
        regx: new RegExp(/(.+)\.html$/),
        replace: function (i, match) {
          return i.replace(match, '../../' + match)
        },
        ignore: ['dist/**/*.html','coverage/**/*.html'],
        xFixAssets: false,
        hash: true,
        forceRelative: true
      })
    ]
  });

Configuration

The plugin accepts the following options:

  • cwd: cwd
  • regx: must be instance of RegExp
  • replace: must be a function return new path of html
  • ignore: pass through to glob
  • xFixAssets: do not fix assets paths in html but fix hash
  • hash: fix assets with hash paths in html
  • forceRelative: absolute path in html would regard as relative, USED FOR publicPath

License

MIT