iconfont-url-plugin
v0.1.0
Published
一个获取 iconfont 的在线链接并将对应的 html 标签自动注入到生成的 html 中
Maintainers
left0verReadme
:tada: iconfont-url-plugin
这是一个 webpack 插件,让你可以获取自己的iconfont中的在线链接并且通过html-webpack-plugin自动将对应的标签 inject 到生成的 html 中
该项目建议只用于个人项目, cookie 等隐私数据建议使用环境变量的方式注入,并且不要直接上传到 GitHub 等平台,以免造成不必要的麻烦
:wrench: compatibility
支持webpack4 和 webpack5
:key: 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
:rainbow: 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>
],
:bulb: 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
