n_configure
1.0.1 • Public • Published svg 图标自定义配置
- svg 图标根据项目自定义本地配置,需要在本地建 svg 图片库,下面使用说明中
svg路径
为本地 svg 图片库路径
下载
npm install n_configure -S
页面使用
import configure, { getSvgList } from 'n_configure'
import 'n_configure/index.css'
getSvgList(require.context('svg路径', true, /\.svg$/)) //svg路径必写
components: { configure } //注册组件
因用到了 svg,故需要配置 svg loader
下载
npm install svg-sprite-loader —D
vue.config.js 中配置
chainWebpack(config) {
config.module.rule('svg').exclude.add(resolve('svg路径'))
config.module
.rule('icons')
.test(/\.svg$/)
.include.add(resolve('svg路径'))
.end()
.use('svg-sprite-loader')
.loader('svg-sprite-loader')
.options({ symbolId: 'icon-[name]' })
}
Readme
Keywords
nonePackage Sidebar
Install
Weekly Downloads