1.2.0 • Published 6 years ago

html-webpack-check-source-plugin v1.2.0

Weekly downloads
1
License
ISC
Repository
-
Last release
6 years ago

A plugin for html-webpack-plugin to check your state source

这是一个html-webpack-plugin的插件,可以在打包的时候检查资源是否符合参数要求

npm.io

##用法

  • 需要先使用html-webpack-plugin
  • 在html-webpack-plugin后面增加下面代码
    var  HtmlWebpackCheckSourcePlugin = require('html-webpack-check-source-plugin'); 

    //plugin
    new HtmlWebpackCheckSourcePlugin({
        emitWarning: false,
        checkFn(resourceLink) {
            if (resourceLink.indexOf("http://") > -1) {
                return '链接带有http://'
            };
            if (resourceLink.indexOf('/lib/ts_sdk/test/core.js') > -1) {
                return '使用测试版资源'
            }
        }
    })

##选项

####open选配

  • false:关闭插件
  • true:打开插件

####emitWarning选配

  • false:抛出错误,中断打包进程
  • true:抛出警告

####checkFn必填

校验规则函数

checkFn(link:string)=> <string | boolean>

  • 返回string时,抛出的错误并提示return的内容
  • 返回boolean时,抛出错误并提示默认信息

##效果

输入

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>

<body>
    this is the elememt;
    <img src="http://www.baidu.com" alt="">
    <img src="http://www.zhihu.com" alt="">
</body>
</html>

结果 npm.io

#更新

  • v1.0.0 完善api
  • v1.1.0 增加报错文件名提示
  • v1.2.0 增加api:open
1.2.0

6 years ago

1.1.0

6 years ago

1.0.0

6 years ago

0.1.1

6 years ago

0.1.0

6 years ago