寫(xiě)一些基本文件
// 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" //通用引入方式
}
}
import library from 'library'
const library = require('library')
requrie(['library'],function() {
})
library.math
- 如果注釋掉
library: 'library',則無(wú)法使用library
- libraryTarget為this,library則會(huì)掛載到this上（掛載this/window或者node環(huán)境下掛載到global）
library: 'library'
// 不支持commonjs、amd的引入方式，全局變量掛載到this上
libraryTarget: "this"
lib包引入三方庫(kù)如何處理
- 修改string.js引入lodash,此時(shí)打包會(huì)有l(wèi)odash的內(nèi)容
import _ from 'lodash'
export function join(a,b) {
return _.join(a,b)
}
- 修改
webpack.config.js,增加externals
externals: ['lodash']
externals: {
lodash: {
root: '_',
commonjs: 'lodash' //庫(kù)在CommonJS環(huán)境被使用艘策，lodash被引用時(shí)必須叫l(wèi)odash
}
}
externals: {
lodash: 'lodash'// 起名叫做lodash
}
npm包發(fā)布
- 新建
.npmignore文件,我們要發(fā)布的就是dist文件夾中的內(nèi)容
node_modules/
src/
webpack.config.js
username: dingsusu
password： 同QQ密碼
-
npm publish發(fā)布到倉(cāng)庫(kù)上
- 撤銷(xiāo)npm包
npm --force unpublish
