文件名超過三個點時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您也可以指定為入口點，而無需具體路徑。