utils-for-leezhiyu

- 配置目的：兼容用户到一切导入方式(import/require/amd...) - 如何配置： 1.webpack.config.js -> output -> libraryTarget 01.umd：兼容 import/require/amd... 2.webpack.config.js -> output -> library 01.本质上是申明一个挂载到window的全局变量 02.通过script中src引入: library:'library' 3.

Usage no npm install needed!

<script type="module">
  import utilsForLeezhiyu from 'https://cdn.skypack.dev/utils-for-leezhiyu';
</script>

README

Library 打包

  • 配置目的：兼容用户到一切导入方式(import/require/amd...)
  • 如何配置： 1.webpack.config.js -> output -> libraryTarget 01.umd：兼容 import/require/amd... 2.webpack.config.js -> output -> library 01.本质上是申明一个挂载到window的全局变量 02.通过script中src引入: library:'library' 3.library 与 libraryTarget的关系 01.library:申明一个全局变量 02.libraryTarget(window/this/global/umd)的关系:将全局变量挂载到哪儿
  • 如何在库中引入并使用第三方的库文件。 01.externals:['lodash'] 打包库的过程中自动忽略lodash这个库，而在业务代码中去引入。避免多次打包lodash。 02.externals:{ lodash:{ commonjs:'lodash' 在commonjs环境下 必须使用lodash这个标识符 } }

发布库

  • package.js 01.main 将入口指向打包生成的库文件。 02.