代码之家 › 专栏 › 技术社区 › shytikov Cascabel

关闭网页包的惰性加载全局,没有神奇的评论

webpack javascript

shytikov Cascabel · 技术社区 · 5 年前

webpack.config.js 文件?

我用的是“魔术评论” /* webpackMode: "eager" */

因此,我有一个大的包和几个小的包在一边,而我更希望它们是大捆绑包的一部分。

不幸的是,我不能遍历所有源树和集合 ,因为那里有很多npm库。。。

有没有办法一劳永逸地解决这个问题?

P、使用的网页包版本是 4.30.0 .

目前正在就这两个问题进行讨论 webpackMode: "eager" 应该是的默认选项 Webpack 5 . 但我可以说,没有一个特别的职位。

0 回复 | 直到 5 年前

shytikov Cascabel 5 年前

我已经找到了这个问题的答案标准网页 LimitChunkCountPlugin .

它可以从 webpack.config.js

Webpack 4.30.0 . 以下是应添加到配置文件的部分:

const webpack = require('webpack');
module.exports = {
  // ...
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 1
    })
  ]
};

在将这些代码与配置合并时,不要忘记导入 webpack (第1行)。

推荐文章

Guillaume Harari · 根据开发或产品环境加载css

6 年前

Max Silva · 无法使用vuejs2和webpack嵌入自定义字体

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Carlo · 如何使用Webpack 4仅在某些模块中导入jQuery?

6 年前

zh-mskl9 · Pug+Web包开发服务器

6 年前

Mizlul · 无法解析“css加载程序!”!自动刷新器加载程序'

6 年前

Aleksandr Gvozdev · 模拟'fs。readdirSync`节点。无递归的js

6 年前

jonnyg · 如何在docker文件中获取我可用的docker环境变量?(使用React/JS/webpack)

6 年前

Boris K · 将Extract Text Webpack插件与Vue CLI 3配合使用

6 年前

IsraGab · 使用webpack从angularjs模块加载特定指令

6 年前