使用grunt的浏览CSS

Question

我当前有grunt-browserify将一些JS文件构建为捆绑包。我正在尝试通过require('./style.css'(将CSS添加到捆绑包中。我一直在研究一些选项来执行此操作，并找到了浏览器-CSS库(https://www.npmjs.com/package/package/browserify-css(。但是，没有咕unt声的支持，因此我不确定如何将其添加到我现有的咕unt设置中。

看来我需要添加浏览css作为转换选项。Grunt-Browserify说，转换选项采用一系列任务(请参见下文(。但是，我认为浏览-CSS不能写作是一项艰巨的任务。在这种情况下最好的做法是什么？

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

Answer 1

我检查了浏览的源代码，我找到了此解决方案：

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

就是这样！