webpack4 如果一个 library 中包含异步引用组件,打包到项目中 js 文件 404 了怎么办

2018-12-23 23:37:32 +08:00
 MerlinLord
//file1.js
const func2 = function(){
console.log('func2')
}

//index.js
const func1 = function(){
console.log('func1')
}
const func3 = function(){
import('./file1').then(res=>{res.default()})
}

export default {func1,func3}

在实际项目中引用上面打包好的 library 比如

import test from './test.js'
console.log(test) // {func1,func3}

但是 func2 并没有被引入,而是 chunk loading failed *.chunk.js 404 已配置 publicUrl 为 dist

尽管可以通过 require/require.esure 解决,但是难免在开发 library 时使用到 import/export,或者 lib 本身的项目需要 import 引入异步组件,人为避免?

1003 次点击
所在节点    问与答
2 条回复
exonuclease
2018-12-24 10:11:10 +08:00
异步加载的语法是 import()
MerlinLord
2018-12-24 13:19:48 +08:00
@exonuclease #1 是啊,然后?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/520288

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX