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
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