npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

webpack-add-annotation-plugin

v1.0.1

Published

一个在webpack打包后的文件中添加注释的插件

Readme

webpack-add-annotation-plugin

一个在webpack打包后的文件中添加注释的插件。

使用 🐛

1.下载包.

npm i webpack-add-annotation-plugin

2.在webpack.config.js里面添加插件配置如下.

var WebpackAddAnnotationPlugin = require("webpack-add-annotation-plugin");

/*修改plugins部分代码*/
plugins: [
    /*这里用到了我们的插件*/
    new WebpackAddAnnotationPlugin({
      startText: "/*这里是注释*/",/*要添加的注释*/
      startNewLine: true, /*注释和文本是否换行*/
      test:/^.*\.js$/gi, /*正则匹配 默认全部匹配 这里给所有js结尾的加注释*/
    })
  ],

例子

  1. 克隆项目: git clone [email protected]:KaiOrange/webpack-add-annotation-plugin.git
  2. 下载包: npm install
  3. 运行测试例子: npm run test
  4. 运行完成后查看dist目录下的文件,如下注释已经加载上了。

运行结果

参数

  1. startText:<string|function> 开始位置插入的文本,当是函数的时候会有一个fileName的参数,返回值就是希望添加的注释文本:
  2. endText:<string|function> 结束位置插入的文本,当是函数的时候会有一个fileName的参数,返回值就是希望添加的注释文本:
  3. startNewLine:<boolean> 开始处注释和正文是否换行,默认不换行(false)
  4. endNewLine:<boolean> 结束处注释和正文是否换行,默认不换行(false)
  5. test:<object> 正则表达式,匹配需要添加注释的打包后的文件名