寫一些基本文件

// math.js
export function add(a,b) {
    return a + b
}
export function minus(a,b) {
    return a - b
}
export function multi(a,b) {
    return a * b
}
export function div(a,b) {
    return a / b
}

// string.js
export function join(a,b) {
    return a + ' ' + b
}

// index.js
import * as math from './math'
import * as string from './string'

export default {
    math,
    string
}

webpack.config.js文件

const path = require('path')

module.exports = {
    mode: 'production',
    entry: './src/index.js',
    output: {
        path: path.resolve(__dirname,'dist'),
        filename: 'library.js',
        // 在全局變量里增加library變量
        library: 'library',
        libraryTarget: "umd" //通用引入方式
    }

}

• umd代表支持以下引入方式

import library from 'library'
const library = require('library')
requrie(['library'],function() {
})

• 在全局變量里增加library變量

library.math

• 如果注釋掉library: 'library',則無法使用library

• libraryTarget為this,library則會掛載到this上（掛載this/window或者node環(huán)境下掛載到global）

library: 'library'
// 不支持commonjs、amd的引入方式，全局變量掛載到this上
libraryTarget: "this"

lib包引入三方庫如何處理

• 修改string.js引入lodash,此時打包會有l(wèi)odash的內(nèi)容

import _ from 'lodash'
export function join(a,b) {
    return _.join(a,b)
}

• 修改webpack.config.js,增加externals

externals: ['lodash']

• 根據(jù)配置方式引用

externals: {
    lodash: {
        root: '_',
        commonjs: 'lodash' //庫在CommonJS環(huán)境被使用，lodash被引用時必須叫l(wèi)odash
    }
}

• 普通配置

externals: {
    lodash: 'lodash'// 起名叫做lodash
}

npm包發(fā)布

• 新建.npmignore文件,我們要發(fā)布的就是dist文件夾中的內(nèi)容

node_modules/
src/
webpack.config.js

• 在npm官網(wǎng)注冊賬號
• npm adduser添加賬號密碼

username: dingsusu
password： 同QQ密碼

• npm publish發(fā)布到倉庫上
• 撤銷npm包 npm --force unpublish