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

老徐不二
  • 1.3k

使用基于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()
回复
阅读 4k
1 个回答
icerleer
  • 5
新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏