使用browserify-css与grunt

Question

我目前有grunt-browserify将一些js文件构建成一个包。我试图通过require（'./ style.css'）将CSS添加到该包中。我一直在研究一些选项来做到这一点，并找到了browserify-css库（https://www.npmjs.com/package/browserify-css）。然而，没有咕噜声支持，所以我不知道如何将其添加到我现有的咕噜设置。

看来我需要将browserify-css作为转换选项。 grunt-browserify说转换选项需要一系列任务（见下文）。但是，我不认为browserify-css可以写成一个咕task任务。这种情况下的最佳做法是什么？

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 }]] 
    } 
} 

这个工作对我来说，当我需要的CSS文件从node_modules文件夹复制。为了使它工作，你只需要运行：

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

就是这样！