Dfyjkt

I have a global.scss file in the styles folder and it works just fine when I'm on dev mode. But when I build my script, all of my .scss files are not being compiled.

here's my webpack.conf.js rule

const isDevMode = options.mode === 'development'



 test: /.(sa,

plugin part of the webpac config:

plugins: [
 new MiniCssExtractPlugin(
 filename: '[name].css',
 chunkFilename: '[id].[hash].css'
 )
]

here is the entry file index.js

import 'sanitize.css'
import './styles/styles.scss'

import React from 'react'
import hot from 'react-hot-loader'
import ReactDOM from 'react-dom'

// font-awesome
import library from '@fortawesome/fontawesome-svg-core'
import icons from 'Helpers/fontawesome'
...

Here is the dump when I build the script

Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!app/components/Form/styles.scss:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!app/components/NavMenu/react-metismenu-standart.scss:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!app/components/NavMenu/styles.scss:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!app/components/SearchMenu/styles.scss:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!app/styles/styles.scss:
 Entrypoint mini-css-extract-plugin = *
 [0] ./node_modules/css-loader??ref--5-1!./node_modules/sass-loader/lib/loader.js!./app/styles/styles.scss 135 KiB 0 [built]
 + 1 hidden module
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!node_modules/react-calendar/dist/Calendar.css:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!node_modules/react-circular-progressbar/dist/styles.css:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!node_modules/react-vis/dist/style.css:
 Entrypoint mini-css-extract-plugin = *
 2 modules
Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--5-1!node_modules/sass-loader/lib/loader.js!node_modules/sanitize.css/sanitize.css:
 Entrypoint mini-css-extract-plugin = *
 2 modules

Here's are files made

├── 2.6f98ef8b0e1171fa8251.css
├── 3.6f98ef8b0e1171fa8251.css
├── 8.6f98ef8b0e1171fa8251.css
├── ...
├── index.html
├── main.bundle.js
└── main.css

main.css only has the imported sanitize.css from the entry file.

My global.scss can be found here.