Версия Laravel Mix добавляет ссылки на файлы scss в js

В моем файле webpack.mix.js (Laravel Mix v2.1.14) есть следующая конфигурация:

mix.sass('resources/assets/test.scss', 'public/dist/css')
    .js('resources/assets/js/app.js', 'public/dist/js')
    .version();

Если я опущу функцию «version ()», файл «app.js» будет выглядеть правильно, но как только я добавлю функцию «version ()», в приложение будет добавлена ​​ссылка на файл «test.scss». js следующим образом:

/***/ "./resources/assets/test.scss":
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin

/***/ }),

/***/ 0:
/***/ (function(module, exports, __webpack_require__) {

__webpack_require__("./resources/assets/js/app.js");
module.exports = __webpack_require__("./resources/assets/test.scss");

Это происходит с каждым дополнительным файлом scss, который я анализирую. Кто-нибудь знает, почему файл scss добавляется в мой файл js?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
289
1

Ответы 1

Он будет удален после запуска npm run production, но похоже, что он может быть добавлен задачей «Версия», когда она включает NamedModulesPlugin?

https://github.com/JeffreyWay/laravel-mix/blob/21e6742/src/components/Version.js#L41

Я пробовал это в производственном режиме, влияние лишнего кода немного минимизировано, но он все еще присутствует (как пустая функция). Например mOet: function(n, t) {},. «NamedModulesPlugin», кажется, влияет только на значение параметра (полное имя или хеш).

Lloyd 06.11.2018 15:55

После некоторого дополнительного исследования кажется, что это все-таки не связано с управлением версиями. Если я отключу управление версиями, пустые функции все еще будут присутствовать, но в другом формате: /* 2 */ /***/ (function(module, exports) { // removed by extract-text-webpack-plugin /***/ })

Lloyd 07.11.2018 09:28

Я думаю, это все еще объясняет, почему version () заставляет имя файла отображаться

Travis Britz 08.11.2018 02:56

Другие вопросы по теме