webpack打包自己开发的npm包的相关配置

1、自定义开发npm包：

（1）包名是library-sun
（2）包版本为：1.0.0

2、包上传到npm平台的方法

3、webpack对library包的基础配置：

const path = require('path');

module.exports = {
	mode: 'production',
	entry: './src/index.js',
	externals: 'lodash', // library包中有引入lodash，打包时不将lodash打进去，用户在引入该library时，需自己再引入lodash，避免用户重复引入lodash，导致文件过大。
	output: {
		path: path.resolve(__dirname, 'dist'),
		filename: 'library.js',
		library: 'library', // 全局挂载包的引用名
		libraryTarget: 'umd'  //通用模式：支持用户通过es、common.js、AMD的方式引入npm包
	}
}

• （1）filename：打包产物library的名称

• （2） externals: ‘lodash’,

  library包中有引入lodash，打包时不将lodash打进去，用户在引入该library时，需自己再引入lodash，避免用户重复引入lodash，导致文件过大。
  

• （3）libraryTarget: ‘umd’ 通用模式

  支持用户通过es、common.js、AMD的方式引入npm包
  

• （4） library: ‘library’

  会在全局变量中增加一个liabray的变量，用于挂载该包，主要用于通过脚本形式全局引入时的配置。
  

最后

以上就是乐观煎蛋为你收集整理的webpack打包自己开发的npm包的相关配置的全部内容，希望文章能够帮你解决webpack打包自己开发的npm包的相关配置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。