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

Question

我thinhk当我执行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生成时不会出错。 有人遇到同样的问题。

提前致谢。

Answer 1

您使用的某些模块取决于npm软件包。 似乎您需要datatables.net和datatables.net-buttons 。

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

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

您还应该考虑不使用最小化的依赖项，而是使用npm模块。 这使依赖性管理更加容易，因此您可以轻松升级或删除它们。 有关说明，请参见DataTables-NPM软件包 。 当您遇到有意义的错误时，它也使调试更加容易。 Webpack可以用于最小化/拼合您的整个代码，包括依赖关系，用于生产构建。 有关更多信息，请参见生产建设 。

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