Laravel Webpack混合样式（SCS及以下）生成类似javascript的文件

我正在使用Laravel的webpack mix来编译我的资产，包括使用SCS和更少的样式，然而，我的样式的编译文件并不是我所期望的。这是我的网页组合代码

mix
  .react('resources/js/app.js', 'public/assets/js')
  .react('resources/js/signup.js', 'public/assets/js')
  .sass('resources/scss/styles.scss', 'public/assets/css')
  .extract();

但是当我检查编译的

style.scss

时，内容看起来像

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "./node_modules/react/index.js"));

var _colorAdmin = __webpack_require__(/*! ../../../components/_color-admin */ "./resources/js/components/_color-admin/_color-admin.js");

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__

...

---

你的styles.scss应该有scss代码，然后再次编译你的样式，然后它就会工作。我的scss文件中有scss内容，我再次运行了编译器，但仍然是类似js的代码。我的解决方法是使用考拉。您是否尝试将第二行移到其他组合，如

MIX.react（'resources/js/signup.js'，'public/assets/js'）

并尝试使用

.extract（）

您的样式。scss应该有scss代码，然后再次编译您的样式，然后它就会工作。我的scss文件中有scss内容，我再次运行了编译器，但仍然是类似js的代码。我的解决方法是使用考拉。您是否尝试将第二行移到其他组合，如

MIX.react（'resources/js/signup.js'，'public/assets/js'）

并尝试使用out

.extract（）