Похоже WebPack игнорирует «включают» и «исключить» правила

Question

я следующие настройки папки:

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

в моих webpack.config.js я следующим погрузчикам для обработки SCSS и 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') 
    } 

идея заключается в том, что CSS-погрузчик использует модули по существу переписывания имя класса как .red к чему-то случайным, как .JHSKJasdasa однако, я хочу, чтобы исключить /Lib ап папку d оставить классы, которые в нем такие же, как и они (ваниль), однако все же классы внутри grid.css как .container стать рандомизированным.

Answer 1

Вероятно, ответ на вопрос, что webpack запутывается path.join - documentation указывает path.resolve. Я думаю, что это может сделать прямое сравнение строк, поэтому относительный .. разбивает его, поэтому исключение/включение работает некорректно. path.resolve должен разрешить абсолютный путь.

Если это не сработает, попробуйте добавить папку app/scss/src (или аналогичную), чтобы выделить код, который вы хотите использовать css-loader. Затем include, а не exclude ing lib.