gruntでbrowserify-cssを使用する

Question

私は現在、いくつかのjsファイルをバンドルに組み込むためにgrunt-browserifyを持っています。私はバンドルにrequire（ './ style.css'）を使ってCSSを追加しようとしています。私はこれを行うためのいくつかのオプションを研究しており、browserify-cssライブラリ（https://www.npmjs.com/package/browserify-css）が見つかりました。しかし、私はそれを私の既存の不平等な設定に加える方法がわからないので、不満足なサポートはありません。

変換オプションとしてbrowserify-cssを追加する必要があるようです。 grunt-browserifyは、transformオプションが一連のタスクを取ることを示しています（下記参照）。しかし、私はbrowserify-cssが不平等な仕事として書かれているとは思わない。この状況では何がベストプラクティスですか？

browserify: { 
     dist: { 
      files: { 
       'dist/bundle.js': 'js/index.js' 
      } 
     }, 
     transform: ['coffeify'] 
    } 

Answer 1

私はbrowserifyのソースコードをチェックし、私はこの解決策を見つけた：

browserify: { 
    dist: { 
     src: 'js/index.js', 
     dest: 'dist/bundle.js' 
    }, 
    options: { 
     transform: [['browserify-css', { global: true }]] 
    } 
} 

私はnode_modulesフォルダからCSSファイルをコピーする必要がある場合には、私のために動作します。それを動作させるためには、実行する必要があります：

npm install browserify browserify-css grunt-browserify --save-dev 

それだけです！