🎉 iconfont-url-plugin

这是一个 webpack 插件,让你可以获取自己的iconfont中的在线链接并且通过html-webpack-plugin自动将对应的标签 inject 到生成的 html 中

该项目建议只用于个人项目, cookie 等隐私数据建议使用环境变量的方式注入,并且不要直接上传到 GitHub 等平台,以免造成不必要的麻烦

🔧 compatibility

支持webpack4 和 webpack5

🔑 Install

# npm
npm i html-webpack-plugin iconfont-url-plugin -D

# yarn

yarn add html-webpack-plugin iconfont-url-plugin -D

# pnpm
pnpm add html-webpack-plugin iconfont-url-plugin -D

🌈 Usage

//webpack.config.js

  plugins: [
  //.... other plugin
    new HtmlWebpackPlugin(),
    new IconfontUrlPlugin({ projectName: 'your iconfont project name', cookie: 'your cookie',fileType:"js" }),
    //will inject following content in html 
    // <script defer="defer" src="your latest online iconfont url" crossorigin></script>
  ],

💡 Options

• projectName : iconfont 中的项目名

  • required

• cookie : iconfont 网站的 cookie

  • required

• fileType: 引入的文件类型

  • required
  • value: js | css
  • description: iconfont 中的有 3 种方式引入字体图标,详情请看字体图标使用,如果你使用 font-class 引用字体图标,则需引入对应的 css 文件,此时 fileType 应设置为 css,如果使用 symbol 引用,则此时 fileType 应设置为 js

get cookie

登录 iconfont , 打开网络面板,随便找一个请求,复制 cookie

👔 Related project

• iconfont-url

✨ LICENSE

MIT by left0ver with 2023