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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/hadoop/6.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 什么是chunk-vendors.js文件?它是如何创建的?(网页)_Webpack_Vue Cli 3 - Fatal编程技术网

Webpack 什么是chunk-vendors.js文件?它是如何创建的?(网页)

Webpack 什么是chunk-vendors.js文件?它是如何创建的?(网页),webpack,vue-cli-3,Webpack,Vue Cli 3,我有一个关于在Vue js应用程序的构建过程中创建的chunk vendors.js文件的快速问题 这是什么? 它是如何创建的 我提出这个问题的原因是为了更好地理解某些事情是如何在其中结束的。我发现它实际上有一些我不想要的东西。chunk vendors.js,正如它的名字所说,是所有模块的捆绑包,这些模块不是你自己的,而是来自其他方的。它们被称为第三方模块或供应商模块 通常,它表示(仅和)来自项目的/node\u modules目录的所有模块 在webpack 3中,您必须自己做,并且必须做一

我有一个关于在Vue js应用程序的构建过程中创建的
chunk vendors.js
文件的快速问题

这是什么? 它是如何创建的


我提出这个问题的原因是为了更好地理解某些事情是如何在其中结束的。我发现它实际上有一些我不想要的东西。

chunk vendors.js,正如它的名字所说,是所有模块的捆绑包,这些模块不是你自己的,而是来自其他方的。它们被称为第三方模块或供应商模块

通常,它表示(仅和)来自项目的
/node\u modules
目录的所有模块

在webpack 3中,您必须自己做,并且必须做一些样板文件来至少有两个块:一个用于您自己的代码,另一个用于
/node\u modules
目录中的模块

在webpack 4中,它非常简单:与默认的
选项一起使用:

    module.exports = {
      //...
      optimization: {
        splitChunks: {
          chunks: 'async',
          minSize: 30000,
          maxSize: 0,
          minChunks: 1,
          maxAsyncRequests: 5,
          maxInitialRequests: 3,
          automaticNameDelimiter: '~',
          name: true,
          cacheGroups: {
            vendors: {
              test: /[\\/]node_modules[\\/]/, // this is what you are looking for
              priority: -10
            },
            default: {
              minChunks: 2,
              priority: -20,
              reuseExistingChunk: true
            }
          }
        }
      }
    };

@vue/cli 3使用webpack 4,如果不使用,它将使用默认值。

如果我有一个仅由管理员使用的大型依赖项,是否可以将其放入单独的块中?似乎所有依赖项都被捆绑到
chunk vendors.js中,并发送给所有用户。