Webpack CSS загрузчик не будет анализировать комментарии

Question

Я использую реагировать стартовый набор и я пытаюсь импортировать файлы SCSS из начальной загрузки (устанавливается с помощью NPM), и жалуется на комментарии:

ERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader!./~/bootstrap-sass/assets/stylesheets/_bootstrap.scss 
/Users/jamessherry/sites/business_website/node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss:7:1: Unknown word 

// Core variables and mixins 
^ 
@import "bootstrap/variables"; 

ERROR in ./~/css-loader?sourceMap&modules&localIdentName=[name]_[local]_[hash:base64:3]!./~/postcss-loader!./~/bootstrap-sass/assets/stylesheets/_bootstrap.scss 
Module build failed: TypeError: Cannot read property 'toString' of undefined 
    at new Input (/Users/jamessherry/sites/business_website/node_modules/postcss/lib/input.js:31:23) 
    at parse (/Users/jamessherry/sites/business_website/node_modules/postcss/lib/parse.js:22:17) 
    at new LazyResult (/Users/jamessherry/sites/business_website/node_modules/postcss/lib/lazy-result.js:61:24) 
    at Processor.process (/Users/jamessherry/sites/business_website/node_modules/postcss/lib/processor.js:34:16) 
    at processCss (/Users/jamessherry/sites/business_website/node_modules/css-loader/lib/processCss.js:188:11) 
    at Object.module.exports (/Users/jamessherry/sites/business_website/node_modules/css-loader/lib/loader.js:24:2) 
@ ./~/bootstrap-sass/assets/stylesheets/_bootstrap.scss 2:18-178 18:6-24:8 19:25-185 

Вот импорт в app.js

import emptyFunction from 'fbjs/lib/emptyFunction'; 
import './../../../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss'; 
import s from './App.scss'; 

Затем поместите его через WebPack погрузчикам:

, { 
    test: /\.scss$/, 
    loaders: [ 
     'isomorphic-style-loader', 
     'css-loader?' + (DEBUG ? 'sourceMap&' : 'minimize&') + 
     'modules&localIdentName=[name]_[local]_[hash:base64:3]', 
     'postcss-loader', 
    ], 
    } 

ли кто-нибудь иметь Почему идеи?

Благодаря

Джеймс

Answer 1

Вы можете загрузить 3rd Party .scss файлов с sass-loader вместо postcss + precss + postcss-scss анализатора, который поставляется по умолчанию в RSK.

$ npm install sass-loader --save-dev 

Webpack позволяет настроить то, что loader использовать для какого файла либо через webpack.config.js (предпочтительно) или явно в заявлениях «импортными». Например, попробуйте добавить эту строку в свой CSS:

@import '!!sass!../../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss';