svg-sprite-loader
在create-react-app中引入SVG时,除了使用阿里巴巴矢量图网站 Iconfont所建议的引用方式。我们也可以通过配置webpack来实现SVG的引用。与之相关的加载器名称为svg-sprite-loader,这里是它的官方文档。
安装
终端运行如下命令:
npm install svg-sprite-loader -D
# via yarn
yarn add svg-sprite-loader -D
配置
在create-react-app中,webpack.config.js文件被隐藏的。需要使用yarn eject命令来使它显示出来。运行命令之后会显出config文件夹。
打开webpack.config.js,在oneof这里输入以下配置,再在终端安装svgo-loader即可实现SVG的引用。
还有许多功能可以参考文档。
版本号如下:
JetBrains/svg-sprite-loader: Webpack loader for creating SVG sprites. (github.com)