当文件名超过三个点时 Webpack 出现问题答案

【问题标题】：Trouble with Webpack when filename has more than three dots当文件名超过三个点时 Webpack 出现问题
【发布时间】：2017-08-27 18:09:17
【问题描述】：

我认为我在执行 npm webpack --progress 时遇到了一个非常罕见的问题

在使用数据表之前，我对供应商 js 文件没有任何错误。（此代码在 webpack.config.js 的 entry 属性中）

vendor: [
        './src/resources/tema/js/jquery.js',
        './src/resources/tema/js/bootstrap.min.js,
]

导入 jQuery DataTable 后，它会生成错误。这个错误并不具体。从字面上看，它没有提供相关信息

vendor: [
        './src/resources/tema/js/jquery.js',
        './src/resources/tema/js/bootstrap.min.js',
        './src/resources/DataTables-1.10.13/media/js/jquery.dataTables.js',
        './src/resources/DataTables-1.10.13/media/js/dataTables.buttons.min.js',
        './src/resources/DataTables-1.10.13/media/js/buttons.flash.min.js',
        './src/resources/DataTables-1.10.13/media/js/jszip.min.js',
        './src/resources/DataTables-1.10.13/media/js/pdfmake.min.js',
        './src/resources/DataTables-1.10.13/media/js/vfs_fonts.js',
        './src/resources/DataTables-1.10.13/media/js/buttons.html5.min.js',
        './src/resources/DataTables-1.10.13/media/js/buttons.print.min.js'
    ]

罕见的是，当我注释文件名包含三个点的行时，webpack 生成时不会出错。有同样问题的人。

提前致谢。

【问题讨论】：

错误是什么？它可能对你没有意义，但没有它我们什么也说不出来。我用这些依赖项尝试了它，它工作得很好。顺便说一句，几乎每个文件都有 npm 模块，你应该更喜欢它们而不是缩小文件，它也使依赖管理变得容易得多。
看了一会儿。我遇到了这个错误。问题在于 DataTable 和 Weback :Can't resolve 'datatables.net' in 'C:\Users\matias\Desktop\ICONOS\Angular2\project0\src\resources\DataTables-1.10.13\media\js' 。我还没有找到解决方案。我遇到了错误的麻烦

标签： angular configuration webpack filenames vendor

【解决方案1】：

您使用的一些模块依赖于 npm 包。看来你需要datatables.net和datatables.net-buttons。

您可以使用以下方式安装它们：

npm install --save datatables.net datatables.net-buttons

您还应该考虑不使用缩小的依赖项，而是使用 npm 模块。这使得依赖管理更容易，因此您可以轻松升级或删除它们。有关说明，请参阅DataTables - NPM packages。它还使调试更容易，因为您会得到有意义的错误。 Webpack 可用于为您的生产构建缩小/丑化您的整个代码，包括依赖项。如需更多信息，请参阅Building for Production。

只是使用 webpack 的提示：如果您将任何模块添加到 vendor 条目数组，它也会正确解析它。因此，您将使用 require 导入的每个模块也可以指定为入口点，而无需具体路径。

【讨论】：