方法一: 1.将favicon.ico文件存放到项目根路径下; 2.配置webpack.dev.conf.js new HtmlWebpackPlugin({ filename: 'index.html ...
.安装 svg sprite loader npm install svg sprite loader save dev .配置build文件夹中的webpack.base.conf.js .在src components下新建文件夹及文件SvgIcon index.vue .在src下新建icons文件夹,及icons文件夹下svg文件夹 index.js文件 .在main.js中引入svg ...
2019-03-25 10:09 0 6615 推荐指数:
方法一: 1.将favicon.ico文件存放到项目根路径下; 2.配置webpack.dev.conf.js new HtmlWebpackPlugin({ filename: 'index.html ...
3.在src/components下新建文件夹及文件SvgIcon/index.vue,ind ...
...
在src/components下新建文件夹及文件SvgIcon/index.vue,index.vue ...
1.在src/icons/svg存放icon矢量图(以.svg结尾)(可以去https://www.iconfont.cn查找合适的icon,选择svg下载) 2.svg 目录主要用于存放 svg 文件,来看一下 index.js 的内容,功能就是把组件注册到全局,方便使用 ...
svg图标优点 安装svg-sprite-loader 文件夹目录 (xxx.svg 注意:这里的 xxx 不要使用中文) 配置依赖 在components目录下增加一个SvgIcon组件 在icon ...
1 添加依赖 npm install svg-sprite-loader file-loader -D 2 在components目录下新增一个IconSvg.vue文件 <template> <svg class="svg-icon" aria-hidden ...
1. 先去阿里巴巴图标库,找到我的项目 2. 新建项目 3. 可以上传UI制作的svg图标; 或自己去挑选图标 去挑选别人的图标 打开仓库,添加至项目 添加到你的项目中 4. 进入我的项目,下载项目到本地 5 解压文件,打开 ...