Проблема с Webpack, когда имя файла имеет более трех точек

Question

Я думаю, у меня действительно редкие проблемы, когда я делаю npm webpack --progress

До использования datatables у меня не было ошибок с файлами js производителя. (этот код находится в свойстве entry в webpack.config.js)

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 можно использовать для минимизации / укрупнения всего вашего кода, включая зависимости, для вашей производственной сборки. Для получения дополнительной информации см. Строительство для производства.

Просто подсказка для использования с веб-пакетом: если вы добавите какой-либо модуль в vendor входной массив, он также разрешит его правильно. Таким образом, каждый модуль вы бы импортировать с require Вы также можете указать в качестве точки входа, без необходимости конкретного пути.