javascript - 用vue脚手架中，在main.js中引入过vue，然后在App.vue又一次引入vue，会不会重复？

Question

例如在main.js已经 import Vue from 'vue'
然后在App.vue中也 import Vue from 'vue'
两者在打包中会不会重复打包vue，造成最后体积很庞大，还是只打包一次？？
谢谢大家了！！！

Answer 1

对象调用两次、文件导入一次

Answer 2

不会。
验证方法如下：

创建默认环境：

vue init webpack testimport 
cd testimport 
npm i 
npm run build
ls -lah static/js/*.js | awk '{print $9, $5}' 

得到大小：

static/js/app.9a703202ecfda5d97127.js 12K
static/js/manifest.0d660e2ee3d5d85c597c.js 832B
static/js/vendor.83d498a14a4284cf1919.js 73K

随后加入import Vue from 'vue' 到app.vue内，再次构建并执行查询：

npm run build
ls -lah static/js/*.js | awk '{print $9, $5}' 

结果一样：

static/js/app.9a703202ecfda5d97127.js 12K
static/js/manifest.0d660e2ee3d5d85c597c.js 832B
static/js/vendor.83d498a14a4284cf1919.js 73K

Answer 3

只打包一次，不会重复打包

Answer 4

参见 https://kingmario.github.io/v... 中的 webpack 部分，webpack 打包时会有缓存