Je ne sais pas comment compiler le fichier main.scss en styles.css avec webpack4. Tous les javascript et scss sont compilés dans un seul fichier app.js

  My package.json file:

enter image description here

webpack.config.js file:

webpack config file

webpack config file

 I want to compile my main file /src/styles/styles.scss to dist/styles.css 
1
ViktorasssIT 8 févr. 2020 à 19:12

1 réponse

Meilleure réponse

Vous pouvez essayer de redéfinir la propriété use de la règle .scss.

{
test: /\.scss$/,
        use: [
          MiniCssExtractPlugin.loader,
          'css-loader',
          'sass-loader',
        ]
},

Ajoutez ensuite ceci à vos plugins :

plugins: [
    ...,
    new MiniCssExtractPlugin({filename: '[name].css',})
]

Cela devrait tout compiler dans le dossier dist/, en tant que fichier .scss séparé. Modifier : en tant que fichier .css séparé.*

2
Tumo Masire 8 févr. 2020 à 20:45