On dirait que webpack ne tient pas compte 'comprennent' et les règles 'exclude'

Question

je configuration du dossier suivant:

app/ 
    scss/ 
    lib/ 
     grid.css 
    main.scss 
webpack/ 
    webpack.config.js 

dans mes webpack.config.js Je suit chargeurs pour traiter SCSS et css:

{ 
    test: /\.(css|scss)$/, 
    exclude: path.join(__dirname, '..', 'app/scss/lib/'), 
    loader: ExtractTextPlugin.extract(
     'style-loader', 'css-loader?module!resolve-url!postcss-loader!sass-loader?sourceMap' 
    ) 
    }, 
    { 
    test: /\.(css|scss)$/, 
    include: path.join(__dirname, '..', 'app/scss/lib/'), 
    loader: ExtractTextPlugin.extract('style-loader', 'css-loader') 
    } 

idée ici est que css-chargeur utilise des modules réécriture essentiellement un nom de classe comme .red à cependant, quelque chose au hasard comme .JHSKJasdasa Je veux exclure un /lib dossier d laisser des classes qui sont dans le même comme ils sont (vanilla), mais toujours, les classes à l'intérieur grid.css comme .container devenir aléatoire.

Answer 1

La réponse probable est que webpack devient confus par le path.join - documentation spécifie path.resolve. Je pense qu'il pourrait faire une comparaison de chaîne droite des chemins, donc le relatif .. le brise, donc l'exclusion/inclusion ne fonctionne pas correctement. path.resolve doit résoudre le chemin absolu.

Si cela ne fonctionne pas, essayez d'ajouter un dossier app/scss/src (ou similaire) pour séparer le code sur lequel vous voulez utiliser css-loader. Puis include plutôt que exclude ing lib.