Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 使用vue组件复制网页包(2.2.0)块_Webpack_Ecmascript 6_Vue.js_Vuejs2_Webpack 2 - Fatal编程技术网

Webpack 使用vue组件复制网页包(2.2.0)块

Webpack 使用vue组件复制网页包(2.2.0)块,webpack,ecmascript-6,vue.js,vuejs2,webpack-2,Webpack,Ecmascript 6,Vue.js,Vuejs2,Webpack 2,当我构建bundle(dev工作正常)时,我发现两个块(名称以0和1开头;分别为1.08Mb和1.07Mb)几乎完全相似。区块1的内容被区块0的内容完全覆盖,区块0稍大一些,包含一个额外的子vue组件。在我看来,当child.vue组件导入到parent.vue组件中时,似乎所有child.vue组件的导入都会再次包含在内。我以为webpack会把这个删除掉。。。但显然不是 parent.vue组件: <script type='text/babel'> import Child f

当我构建bundle(dev工作正常)时,我发现两个块(名称以0和1开头;分别为1.08Mb和1.07Mb)几乎完全相似。区块1的内容被区块0的内容完全覆盖,区块0稍大一些,包含一个额外的子vue组件。在我看来,当child.vue组件导入到parent.vue组件中时,似乎所有child.vue组件的导入都会再次包含在内。我以为webpack会把这个删除掉。。。但显然不是

parent.vue组件:

<script type='text/babel'>
import Child from './Child.vue'

export default {
  name: 'parent',
  components: {Child}
}

</script>
<script type='text/babel'>
import turf from 'turf'
import {resize} from '@most/dom-event' 

[[etc]]
我还希望来自节点_模块的turf和所有其他npm包进入一个单独的供应商区块,但它们都在区块0和1中:(即没有供应商区块):

我做错了什么

  • 为什么我的区块中有重复的代码
  • 为什么节点_模块库不在供应商区块中

  • 当我在routes中去掉load函数时,它会按预期工作(供应商区块也按预期工作),我得到:

    Hash: 44e71b7f99a8c23f744a
    Version: webpack 2.2.0
    Time: 37300ms
                                       Asset       Size  Chunks                    Chunk Names
    fonts/MaterialIcons-Regular.012cf6a.woff    57.6 kB          [emitted]         
                                js/vendor.js    1.59 MB    0, 2  [emitted]  [big]  vendor
                                   js/app.js    41.6 kB    1, 2  [emitted]         app
                              js/manifest.js    1.43 kB       2  [emitted]         manifest
    app.1b4a3bd6bcac26b9462e4d297ad634b4.css     270 kB    1, 2  [emitted]  [big]  app
                                  index.html  616 bytes          [emitted]         
    
    Process finished with exit code 0
    
    我从中得到了加载函数

    在其他回购协议中也可以找到这种处理路径的方法,所以它很可能是有目的的。我会问那边

    Hash: 1b94a25680bff29f4960
    Version: webpack 2.2.0
    Time: 44975ms
                                       Asset       Size      Chunks                    Chunk Names
                js/5.ceea6d62238ac33ab65a.js  987 bytes        5, 8  [emitted]         
    fonts/MaterialIcons-Regular.012cf6a.woff    57.6 kB              [emitted]         
                js/1.00c968884dd42ca9abe7.js    1.07 MB        1, 8  [emitted]  [big]  
                js/2.a15df363f7a95520359b.js    6.28 kB  2, 3, 5, 8  [emitted]         
                js/3.09b86cd9939dea1b32d0.js    2.53 kB        3, 8  [emitted]         
                js/4.1de965c7ddc632ca7966.js    1.95 kB        4, 8  [emitted]         
                js/0.5c94c88f8cc301c30326.js    1.08 MB     0, 1, 8  [emitted]  [big]  
                                js/vendor.js     562 kB        6, 8  [emitted]  [big]  vendor
                                   js/app.js    9.68 kB        7, 8  [emitted]         app
                              js/manifest.js    1.58 kB           8  [emitted]         manifest
    app.8a73cdb0886334e9bc2ff358859b1203.css     246 kB        7, 8  [emitted]         app
                                  index.html  616 bytes              [emitted]         
    
    Process finished with exit code 0
    
    Hash: 44e71b7f99a8c23f744a
    Version: webpack 2.2.0
    Time: 37300ms
                                       Asset       Size  Chunks                    Chunk Names
    fonts/MaterialIcons-Regular.012cf6a.woff    57.6 kB          [emitted]         
                                js/vendor.js    1.59 MB    0, 2  [emitted]  [big]  vendor
                                   js/app.js    41.6 kB    1, 2  [emitted]         app
                              js/manifest.js    1.43 kB       2  [emitted]         manifest
    app.1b4a3bd6bcac26b9462e4d297ad634b4.css     270 kB    1, 2  [emitted]  [big]  app
                                  index.html  616 bytes          [emitted]         
    
    Process finished with exit code 0