shylor
3 months ago
114
0
Mix

Webpack Javascript File with Sass Notes in it?

Posted 3 months ago by shylor

I've done several searches on Google and can't find this explained. I'm just looking for understand on what is happening? Maybe I'm doing something wrong or maybe this is normal.

webpack.min.js

mix.react('resources/js/app.js', 'public/js')
    .js('resources/js/scripts/home.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .extract(['react', 'jquery', 'axios'])
    .version();

public/js/home.js

(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["/js/home"],{

/***/ "./resources/js/scripts/home.js":
/*!**************************************!*\
  !*** ./resources/js/scripts/home.js ***!
  \**************************************/
/*! no static exports found */
/***/ (function(module, exports) {

alert("hello world");

/***/ }),

/***/ "./resources/sass/app.scss":
/*!*********************************!*\
  !*** ./resources/sass/app.scss ***!
  \*********************************/
/*! no static exports found */
/***/ (function(module, exports) {

// removed by extract-text-webpack-plugin

/***/ }),

/***/ 0:
/*!**********************************************************************!*\
  !*** multi ./resources/js/scripts/home.js ./resources/sass/app.scss ***!
  \**********************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

__webpack_require__(/*! /{**removed**}/resources/js/scripts/home.js */"./resources/js/scripts/home.js");
module.exports = __webpack_require__(/*! /{**removed**}/resources/sass/app.scss */"./resources/sass/app.scss");


/***/ })

},[[0,"/js/manifest"]]]);

My question is why is there any reference to app.scss in here? It seems like it should not be in this file.

Please sign in or create an account to participate in this conversation.