2017-02-22 11 views
1

私はbrowserify Gruntタスクと変換オプションに問題があります。私はReactを使用しています。コンポーネントの1つで、CSSファイルをインポートする必要があります。変換オプション付きGrunt browserifyを使用してes6構文のCSSファイルをインポートできません

import 'react-select/dist/react-select.css'; 

エラーが発生したときにエラーが発生します。 browserifyタスクの

>> /Style/node_modules/react-select/dist/react-select.css:8 
>> .Select { 
>>^
>> ParseError: Unexpected token 

の設定は、私が何をしないのです

options: { 
    debug: true, 
    transform: [ 
    ['babelify', {presets: ['es2015', 'react']}] 
    ], 
    external: [ 
    'react', 
    'react-dom' 
    ], 
    browserifyOptions : { 
    debug : true 
    } 
}, 

のですか?手伝ってくれてありがとう。

+0

あなたはCSSローダー必要があります:{ 変換:[ 'browserify-CSS'、[ 'babelify' 私はこの ' オプションのようにそれを含めるhttps://github.com/webpack-contrib/css-loader – Shota

答えて

0

CSSファイルをインポートするには、browserify-css transformを使用する必要があります。

+1

を、{プリセット:[ 'es2015'、 '反応']}] ] } ' 又はこの ' browserifyOptions等:{ 変換:に入れ[ 'browserify-CSS'] } ' Iイベントpackages.jsonのように ' " browserify ":{ "変換":[ "browserify-css" ] } ' 何もしない... – kraizybone