Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过grunt使用browserify css_Javascript_Css_Gruntjs - Fatal编程技术网

Javascript 通过grunt使用browserify css

Javascript 通过grunt使用browserify css,javascript,css,gruntjs,Javascript,Css,Gruntjs,我目前有grunt browserify将一些js文件构建到一个包中。我正试图通过require('./style.css')将css添加到包中。我一直在研究一些选项来实现这一点,并找到了BrowserifyCSS库()。但是没有grunt支持,所以我不确定如何将其添加到现有grunt设置中 似乎我需要添加BrowserifyCSS作为转换选项。grunt browserify表示转换选项接受一系列任务(见下文)。然而,我不认为BrowserifyCSS可以作为一项繁重的任务来编写。在这种情况下

我目前有grunt browserify将一些js文件构建到一个包中。我正试图通过require('./style.css')将css添加到包中。我一直在研究一些选项来实现这一点,并找到了BrowserifyCSS库()。但是没有grunt支持,所以我不确定如何将其添加到现有grunt设置中

似乎我需要添加BrowserifyCSS作为转换选项。grunt browserify表示转换选项接受一系列任务(见下文)。然而,我不认为BrowserifyCSS可以作为一项繁重的任务来编写。在这种情况下,最好的做法是什么

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

我检查了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

就这样

那么,我在哪里设置常规browserify css配置?它也会位于gruntfile中吗?是的,它应该位于grunt插件配置其余部分的相同层次结构上