webpack打包vue多页项目,js插入的顺序出错

发布于 2022-09-04 01:26:36 字数 1133 浏览 20 评论 0

使用基于vue-cli改造的多页项目webpack脚手架 https://github.com/jarvan4dev...

每个模块入口文件大概长这样

clipboard.png

每个模块App.vue大概长这样

clipboard.png

在dev模式下,运行毫无问题,但是build以后,因为脚本插入顺序的问题,无法运行了
,比如下图,vendor插入在了index后面,导致

Uncaught TypeError: Cannot read property 'call' of undefined

clipboard.png

但是我把组件引入的方式改成

import {vSearch, vHome} from '../../components'

打包的顺序又正确了

望有人可以解惑


更新:注释掉build文件夹里的OccurenceOrderPlugin,顺序又正常了,但是查了下OccurenceOrderPlugin是为组件和模块分配ID的,并不是太理解,为什么注释掉又恢复正常了...

    new webpack.optimize.OccurenceOrderPlugin()

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清醇 2022-09-11 01:26:36

遇到同样的问题,不过我是在Dev模式下 有问题,生成模式下正常

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文