打包出来之后，在html页面中导入large-number.js为什么报 add 方法不存在？我的webpack配置如下感觉和你一摸一样啊，libraryTarget 设置为 umd 不是可以支持直接导入 script标签吗？ const TerserPlugin = require('terser-webpack-plugin') module.exports = { mode:'none', entry:{ 'large-number':'./src/common/largeNumber.js', 'large-number.min':'./src/common/largeNumber.js' }, output:{ filename:'[name].js', library:'largeNumber', libraryTarget:'umd', // 支持AMD CJS ESM script导入等 libraryExport:'default' }, optimization: { minimize:true, minimizer: [new TerserPlugin({ include:/\.min\.js$/ })] } }

作者回复: 是因为这个组件编写的时候是直接通过 export default 导出了一个默认的函数： export default function add(a, b) { let i = a.length - 1; let j = b.length - 1; let carry = 0; let ret = ''; while (i >= 0 || j >= 0) { } ...... } 所以通过script、或者 ESM/CJS/AMD 的方式引用的时候直接 largeNumber('999', '1') 就可以了。如果想要通过 largeNumber.add() 的方式调用的话，写成 export function add(a, b) {} 的形式，把 default 去掉

2019-06-26



9

dudustyle

老师，课程跟实际的课程安排好像不一致，漏了几节课，SSR和骨架屏，是要放在后面讲吗？

作者回复: 放在这节课后面了

2019-06-25



4

天青

index.js中判断不同环境引入不同的包，这个判断少了个等号 process.env.NODE_ENV === 'production'

作者回复: 嗯嗯，在这个组件库的1.0.1版本是有修复的。视频里面安装的时候也是使用的这个版本

2019-06-25

3

4

RELAX

一开始听的很懵逼，但是坚持下下来，发现越听越明白。感觉思路都打通了。

作者回复: 强，厉害了

2019-07-01

2



sandy

老师讲的很好，点赞

作者回复: 🙏感谢夸奖

2019-06-25





linwu

老师我问问个为什么最后导出的方式是cjs if (process.env.NODE_ENV === 'production') { module.exports = require('./dist/large-number.min.js'); } else { module.exports = require('./dist/large-number.js'); }

2020-06-15

1

2

coder

在第23分钟的时候，对index.js内容的编写，有一个bug： ```` if (process.env.NODE_ENV = 'production') { ... } ```` `if`语句里的条件判断，应该用`===`而不是'='。

2019-10-23

1

2

Sherry

老师，请问，打包未压缩版本的意义是什么呢？【个人理解】 index.js导出的时候，有判断NODE_ENV，这里的NODE_ENV，是指使用组件的项目的构建环境。这样一来，组件使用者在开发过程中，就可以debug到编译过、但未压缩的组件代码了。而生产环境，会打包压缩后的组件代码。【疑问】如果为了开发者debug方便，为什么不选择开启前面讲过的sourcemap呢？如果不开启sourcemap是为了保护源码，不泄露给开发者，那暴露编译过、未压缩的代码，就不算暴露源码了嘛？

2019-08-28

1

2

阳少宇

请问下老师, main中入口文件并不是以 export导出的,为啥可以通过import("large-number")导入.

2020-06-04



1

收起评论