Question

我目前有grunt-browserify将一些js文件构建到一个包中。我试图通过require（＆＃39; ./ style.css＆＃39;）将css添加到捆绑包中。我一直在研究一些选项，并找到了browserify-css库（https://www.npmjs.com/package/browserify-css）。但是没有咕噜声支持，所以我不确定如何将其添加到我现有的grunt设置中。

似乎我需要添加browserify-css作为转换选项。 grunt-browserify说转换选项需要一系列任务（见下文）。但是，我不认为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

那就是它！

使用带有grunt的browserify-css

1 个答案: