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

 无情泪看红尘 发布于 2022-11-26 22:00

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

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

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

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

Uncaught TypeError: Cannot read property 'call' of undefined

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

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

打包的顺序又正确了

望有人可以解惑


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

    new webpack.optimize.OccurenceOrderPlugin()
1 个回答
  • 遇到同样的问题,不过我是在Dev模式下 有问题,生成模式下正常

    2022-11-26 22:28 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有