javascript - webpack 为什么要构建 global.js?

标签 javascript npm webpack build

我开始使用 webpack ,在我的第一个构建中,我注意到输出包含一个默认文件(索引 1 ):

build.js  222 kB       0  [emitted]  main
   [1] (webpack)/buildin/global.js 509 bytes {0} [built]
   [2] ./source/scripts/main.js 105 bytes {0} [built]
    + 4 hidden modules

为什么包含这个文件?我没有任何依赖项需要接近我的 build.js 文件中出现的代码量。我预计输出中可能有 10 行代码,但我有 8000 行。

我还注意到其他一些项目没有在输出中列出此文件。这是绝对必要的吗?我什至无法在文档中找到它。

作为引用,我的 webpack.config.js 文件:

'use strict';

module.exports = {
    entry: './source/scripts/main.js',
    output: {
        path: __dirname + '/dist',
        filename: 'build.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/
            }
        ]
    }
}

最佳答案

我遇到了同样的问题。结果是我不小心从 node_modules 导入了一些东西。

在 typescript 中:

import Util from 'Util';

应该是

import Util from './Util';

因为第一个从节点模块而不是我的本地文件加载了一个“Util”。 'exclude:/node_modules/' 似乎无关紧要。我的 tsconfig 中有等效项。如果您导入排除的内容,webpack 可能会发出警告。

关于javascript - webpack 为什么要构建 global.js?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46758520/

相关文章:

node.js - 全局 Node 包安装到错误的目录

webpack - 在哪里可以找到 webpack 3 的文档?

node.js - 显示最近发布的 npm 包版本,包括 beta 版本

javascript - webpack babel 如果我不使用 import/require 如何复制转译文件

webpack - 使用 webpack 和 twig 覆盖 Vuetify SASS 变量

javascript - 如果 php 的返回值是 'true' 或 'false' ,如何检查我的 jquery ?

javascript - React Router V4 获取当前路径

javascript - 如何获取包含动态内容的页面的 html?

javascript - div 和 text() 有点奇怪

javascript - 保存并填充 Node js