nj-icons

npm包地址

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

npm包 打包命令

npm run lib

使用说明

• 引入

import NjIcons from 'nj-icons'
import 'nj-icons/lib/nj-icons.css'
Vue.use(NjIcons) // 全局svg-icon

• 使用

<svg-icon icon-class="403" />

• 配置svg-sprite-loader

// 其中 /node_modules/nj-icons/src/components/icons 地址指向nj-icons的svg文件夹
config.module
      .rule('svg')
      .exclude.add(resolve('/node_modules/nj-icons/src/components/icons'))
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('/node_modules/nj-icons/src/components/icons'))
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        symbolId: 'icon-[name]'
      })
      .end()

npm发布

• 切换npm源

必须是npm官方源
npm config set registry https://registry.npmjs.org

• 登录

npm login

• 版本修改

// package.json中
"version": "x.x.x",

• 更新npm包

npm run lib

• 发布

npm publish

Customize configuration

See Configuration Reference.