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

时间:2017-04-03 00:47:03

标签: angular configuration webpack filenames vendor

我瘦了当我做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生成没有错误。有人有同样的问题。

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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