块拆分中的自定义模块目录在Webpack中不起作用
在Webpack中，块拆分（chunk splitting）是一种优化技术，它将代码拆分成更小的块，以便在需要时按需加载。自定义模块目录是指开发者自定义的存放模块的目录。
然而，在Webpack中，自定义模块目录对块拆分并不起作用。块拆分是通过Webpack的代码分割功能来实现的，它根据代码的动态导入语句（如import()）或静态导入语句（如import）来确定代码块的边界。Webpack会根据这些导入语句自动创建代码块，而不是根据模块目录。
块拆分的优势在于可以减小初始加载的文件大小，提高页面加载速度，并且可以实现按需加载，减少不必要的网络请求。它适用于大型应用程序或需要动态加载功能的应用程序。
对于Webpack中的块拆分，腾讯云提供了一些相关的产品和工具，例如：
- 腾讯云CDN（内容分发网络）：可以加速静态资源的传输，提高页面加载速度。链接地址：https://cloud.tencent.com/product/cdn
- 腾讯云云函数（Serverless）：可以将代码按需执行，实现更细粒度的块拆分。链接地址：https://cloud.tencent.com/product/scf
- 腾讯云云开发（CloudBase）：提供了一整套云端一体化开发工具，可以帮助开发者更轻松地进行块拆分和部署。链接地址：https://cloud.tencent.com/product/tcb
需要注意的是，以上产品仅为示例，实际选择产品应根据具体需求和场景进行评估和选择。
相关·内容
我正在和webpack一起构建一个项目，我想删除重复的自定义materialize.js库，配置如下：const webpack = require，我需要自定义materialize.js文件(修改过的，不是node_module中的表单包)，所以我在optimization.splitChunks中应用了它，并将其添加到前面的两个文件中</e
浏览 18提问于2018-08-11得票数 0
回答已采纳
我正在尝试获得一个延迟加载的应用程序设置，它只在你导航时加载它需要的东西。我使用了webpack的require.ensures和react-router的代码拆分，但我有一个问题(或误解)。如果你在两个不同的require.ensures中需要一个大的模块，它会将它捆绑到每个块中，这意味着浏览器最终会下载该模块的代码两次。我希望它足够智能，可以
浏览 0提问于2016-11-15得票数 0
我有一个基于Webpack的JavaScript框架。在那里，我希望通过Webpack配置中的自定义条件导入(或不导入)任意模块(具有默认导出的自定义函数的JavaScript文件)：module.exports(settings.customJsFilePath || ''),})
浏览 0提问于2018-03-16得票数 0
回答已采纳
我有一个看似非常简单的Webpack代码拆分设置，我在迁移到Webpack 4时遇到了麻烦。我有两个条目，分别是main和preview。我想为main中的供应商模块将初始代码拆分成一个vendor块，但我希望将preview作为一个块。{ main: './src&#x
浏览 0提问于2018-03-15得票数 3
我正在使用django存储来服务我来自s3的静态文件，并且正在将它们全部移动到一个webpack捆绑包中。这在django-webpack-loader中工作得很好，它并不关心django在哪里找到包。我的问题是，当我开始使用require.ensure定义拆分点时，捆绑包尝试使用相对路径而不是django存储桶来下载块，因为webpack的代码拆分功能对s3存储是不可知的。有没有
浏览 0提问于2016-10-26得票数 4
我知道简单路由器是这样工作的： <Route path='/' component={Home} /></Router>
但是我遇到了这种类型的路由，我不能理解。有没有人能解释一下下面的内容是如何工作的？或者请修改我的
浏览 20提问于2017-01-08得票数 0
3回答
开机自检CSS不转换自定义属性
、、、、
我有一个使用Webpack的项目，它利用了PostCSS加载器和代码拆分。使用SASS加载器将模块的CSS直接导入到入口点，如下所示。import '@/css/modules/components/_accordion.scss'
一些模块使用CSS自定义属性，这些属性是在上面导入的同一入口点中的单独模块中声明的。作为一
浏览 0提问于2019-05-15得票数 14
1回答
我一直在使用这篇文章中的一些代码，关于与webpack的区块拆分。React模块，我正在测试Rollup和Webpack捆绑在上面。render(<div>hello world</div>, document.getElementById('root'));
console.log('hello'); 我希望在此基础上添加额外的模块来测试这两个捆绑包使用下面的
浏览 15提问于2020-07-18得票数 2
根据Webpack的文档
但是，从这个意义上讲，汇编意味着什么呢？JavaScript显然不是一种编译语言，那么Webpack如何“编译”JavaScript模块呢？难道不是应该说捆绑吗？
浏览 1提问于2018-12-02得票数 2
回答已采纳
1回答
这个网站是我们通过Laravel、SASS和ES6通过Webpack开发的一个大项目。
plugins = {
bootstrapTooltip问题是模板使用的一些库也在我的ES6 modules中
浏览 2提问于2020-08-06得票数 2
这是一个重复的问题，但我想使用自定义条目，而不是默认为webpack 4条目，这是在post 中建议的。webpack.dev.config.js： mode: 'development', { test: /\.js$/, exclude: /node_modu
浏览 0提问于2018-08-12得票数 4
回答已采纳
2回答
我有一个用角cli 1.6.6运行的角5应用程序，当捆绑我的应用程序时，我(在所有其他程序中)有一个common.chunk.js.。
浏览 0提问于2018-02-09得票数 11
1回答
我有类似于官方的代码拆分配置，一切都很完美--我所有的节点模块都在“供应商”块中(包括"babel-polyfill")。但现在我需要将babel-polyfill和它的所有依赖项移动到单独的块(“polyfill”)，以便能够在我的供应商捆绑包之前加载它。你知道怎么做吗？我的配置：entry: {},
浏览 10提问于2017-06-27得票数 2
回答已采纳
我成功地配置了Webpack将CSS和JS输出到各自的子目录中，即public/assets/css和public/assets/js。然而，我不知道如何使用Symfony Webpack Encore来做同样的事情。
浏览 10提问于2017-07-14得票数 1
回答已采纳
我使用的是角形6，一旦我构建的main.js大约是8MB，当我们构建这个应用程序时，我期望变得更大。是否有办法将这些文件分割成多个文件，以便它们更快地加载？是否有方法在需要时实现延迟加载。
浏览 1提问于2019-01-06得票数 2
1回答
我正在尝试使用ES6中的动态模块加载特性，而且它似乎还没有实际实现。但也有像这样的替代品，这应该是暂时可行的。
因此，我有一个ES6项目，使用Babel和Webpack转到ES5上，它自己工作得很好。但是，我的所有代码都合并到一个bundle.js文件中，我想将该文件拆分为模块。当我尝试上面提到的多边形填充时，它会从内部抛出一些错误，这个项目甚至都不会启动。babel-loader
浏览 2提问于2016-05-13得票数 8
我正在做webpack插件，不知道如何在构建过程中修改模块。我想做的是：
“更新”该模块，以便对我添加的代码进行解析，并将其“require”转
浏览 10提问于2016-01-29得票数 29
我不能很好地理解像模块、块和包这样的概念。 entry: { filename: '[name].js'}
在上面的配置中，only-dev-server.js和foo.js都是块吗？foo和bar都是捆绑包吗？foo.js和bar.js都是模块吗？
浏览 1提问于2017-03-01得票数 61
在所有输出文件中不包括webpack运行时。
允许我指定包含webpack运行时的输出文件。在我的具体示例中，我有一个header.js文件，它需要在加载其余页面之前运行。我想指定这个文件中存在哪些模块，以及webpack运行时。/src/js/main.js'
浏览 8提问于2017-02-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
