Bonjour,

je debutes un projet ou j'utilise sass, donc j'ai installé webpack 4.
La génération et la minification du fichier js se passe sans souci par contre,
la génération du fichier css ne se fait pas que sa soit en prod ou en dev et aucun retour d'erreur dans la console

webpack.config.js

const path= require('path')
const ExtractTextPlugin= require('extract-text-webpack-plugin')

let cssLoader= [
    {loader: "css-loader", options: {importLoaders: 1}},
    {
        loader: 'postcss-loader',
        options: {
            plugins: (loader) => [
                require('autoprefixer')({
                    browsers: ['last 2 versions','ie >= 9']
                })
            ]
        }
    }
]

module.exports= {
    entry: "./assets/js/app.js",
    output: {
        path: path.resolve(__dirname, "public/dist/js"),
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                use: [
                    'babel-loader'
                ]
            },
            {
                test: /\.css$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: cssLoader
                })
            },
            {
                test: /\.scss$/,
                use: ExtractTextPlugin.extract({
                    fallback: "style-loader",
                    use: [...cssLoader, "sass-loader"]
                })
            }
        ]
    },
    plugins: [
        new ExtractTextPlugin({
            filename: '[name].css'
        })
    ]
}

toutes les dépences on bien été installées.
Est ce que quelqu'un saurait d'ou peut venir le probleme.

merci d'avance pour vos réponses

3 réponses


mzkd
Réponse acceptée

Salut,
Apparemment, y'a une issue sur ce plugin en particulier, avec une rustine pour régler provisoirement le problème : https://github.com/webpack/webpack/issues/6703
Côté rustine, voir le plugin extract-text-webpack-plugin

mzkd, Merci beaucoup pour la solution

Enchanté de rendre service...