library 的引入和使用问题

来源：5-1 Library 的打包

Arafat

2020-05-01

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

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

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

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

import libs from '../libs/library.js'

console.log(libs.string)

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

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

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

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

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 里，应该怎么正确使用这个库文件啊？

老师求救~~~~~

写回答

2回答

Dell

2020-05-03

已采纳

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

Arafat

Dell

soga，谢谢老师~

2020-05-11

共3条回复

qq_我很Man_03586236

2020-05-19

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

Dell

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

2020-05-24

共1条回复

从基础到实战手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解全方位解析Webpack4新版本

3631 学习 · 1294 问题

相似问题

回答 2

回答 2

回答 2

回答 3

回答 3