library 的引入和使用问题

Question

老师，请问一下，我在打包库文件 library 的时候，剥离了 lodash，配置了

1 2 3 4 5 6 7 8

externals: {     lodash: {       commonjs: 'lodash',       commonjs2: 'lodash',       root: '_',       amd:'lodash'     }   },

然后打包出来后，把库文件单独放了个文件夹 libs

接着新写了个业务代码，其中引入了库文件 library

1 2 3

import libs from '../libs/library.js'   console.log(libs.string)

然后因为我的 node_modules 里已经有 lodash，库文件帮我自动引入了 lodash

所以代码成功打包并运行了，这个我倒想通了

但是当我把 lodash 从 node_modules 中去掉，放到 libs 中

然后在业务代码里手动引入 lodash

1 2 3 4 5

import lodash from '../libs/lodash'   import libs from '../libs/library'   console.log(libs.string)

这时就没法成功打包了，会说  Can't resolve 'lodash' in 'C:\Users\Arafat\Desktop\library\libs'

怎么试都没法正常用... <script> 标签式的引入我也倒腾成功了，但是这个就不行

如果 lodash 不在 node_modules 里，应该怎么正确使用这个库文件啊？

老师求救~~~~~

Answer 1

Dell 2020-05-03 21:26:10

external 指的是压根就不会打包lodash，需要你在script标签里手动引入lodash，然后直接用里面的方法就行了。

• 提问者 Arafat #1

  嗯，用<script>我弄成功了
  但假如我的项目中，没有 node_modules 
  我的 lodash 在某个 libs 文件夹，甚至用的是 cdn
  然后在 js 文件中通过 import 形式引入，我这里就引入不成功，不知道为什么...

• Dell 回复 提问者 Arafat #2

  如果没有node_modules, 那你就只能script了，都没有用包管理，无法用import

• 提问者 Arafat 回复 Dell #3

  soga，谢谢老师~

Answer 2

qq_我很Man_03586236 2020-05-19 09:27:07

为什么我import library from '../library/library',然后会发现library 是个undefined的呢,但是用window.library是可以的

• Dell #1

  因为这个library没有安装es module 或者 commonJS的方式导出