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