webpack4.0-打包实现自己的库library-11

定义方法文件

export function add(a, b) {
  return a + b;
}

export function minus(a, b) {
  return a - b;
}

export function multiply(a, b) {
  return a * b;
}

export function division(a, b) {
  return a / b;
}

再定义一个方法文件

export function str(a, b) {
  return a + '' + b;
}

定义一个方法的入口文件

// 作为入口文件
import * as math from './math'
import * as str from './string'
export default {
  math,
  str
}

配置webpack.config.js

// 进行库的封装
const path = require('path')
module.exports = {
  mode:'production',
  entry: {
    main:'./src/index.js'
  },
  output: {
    filename:'library.js',
    path: path.resolve(__dirname, 'dist'),
    libraryTarget: 'umd', // 打包的库，能够以任何形式被调用 还有其他的选项，具体看官网
    library: 'library', // 将库打包到一个全局变量上 还有其他的选项，具体看官网
  },
  externals: 'lodash' // 当自己的库有使用lodash等外部库的时候，再打包时忽略第三库的打包
}
// 提交至npm 
// npm adduser
// npm publish