Css Grunt任务编译Bootstrap 4自定义SCS
我遵循B4文档并创建了一个_custom.scss文件来获得一个定制的css文件。我通过执行B4下载附带的Gruntfile.js来运行grunt任务。我看到css文件夹中的所有文件由于新的修改日期而被覆盖。但是,将新bootstrap.css的内容与原始内容进行比较并没有显示出任何区别。我做错了什么 谢谢 更新。我已经进口了_custom.scss。但我似乎有错误:Css Grunt任务编译Bootstrap 4自定义SCS,css,twitter-bootstrap,gruntjs,Css,Twitter Bootstrap,Gruntjs,我遵循B4文档并创建了一个_custom.scss文件来获得一个定制的css文件。我通过执行B4下载附带的Gruntfile.js来运行grunt任务。我看到css文件夹中的所有文件由于新的修改日期而被覆盖。但是,将新bootstrap.css的内容与原始内容进行比较并没有显示出任何区别。我做错了什么 谢谢 更新。我已经进口了_custom.scss。但我似乎有错误: D:\bootstrap-4.0.0-alpha.6>grunt >> Local Npm module "g
D:\bootstrap-4.0.0-alpha.6>grunt
>> Local Npm module "grunt-sass" not found. Is it installed?
Running "clean:dist" (clean) task
>> 1 path cleaned.
Running "exec:sass" (exec) task
> bootstrap@4.0.0-alpha.6 sass D:\bootstrap-4.0.0-alpha.6
> node-sass --output-style expanded --source-map true --precision 6 scss/bootstrap.scss dist/css/bootstrap.css && node-sass --output-style expanded --source-map true --precision 6 scss/bootstrap-grid.scss dist/css/bootstrap-grid.css && node-sass --output-style expanded --source-map true --precision 6 scss/bootstrap-reboot.scss dist/css/bootstrap-reboot.css
>> Rendering Complete, saving .css file...
>> Wrote Source Map to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap.css.map
>> Wrote CSS to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap.css
>> Rendering Complete, saving .css file...
>> Wrote CSS to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap-grid.css
>> Wrote Source Map to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap-grid.css.map
>> Rendering Complete, saving .css file...
>> Wrote CSS to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap-reboot.css
>> Wrote Source Map to D:\bootstrap-4.0.0-alpha.6\dist\css\bootstrap-reboot.css.map
Running "exec:sass-docs" (exec) task
> bootstrap@4.0.0-alpha.6 sass-docs D:\bootstrap-4.0.0-alpha.6
> node-sass --output-style expanded --source-map true --precision 6 docs/assets/scss/docs.scss docs/assets/css/docs.min.css
>> Rendering Complete, saving .css file...
>> Wrote CSS to D:\bootstrap-4.0.0-alpha.6\docs\assets\css\docs.min.css
>> Wrote Source Map to D:\bootstrap-4.0.0-alpha.6\docs\assets\css\docs.min.css.map
Running "exec:postcss" (exec) task
> bootstrap@4.0.0-alpha.6 postcss D:\bootstrap-4.0.0-alpha.6
> postcss --config grunt/postcss.js --replace dist/css/*.css
Running "exec:clean-css" (exec) task
> bootstrap@4.0.0-alpha.6 clean-css D:\bootstrap-4.0.0-alpha.6
> cleancss --skip-advanced --source-map --output dist/css/bootstrap.min.css dist/css/bootstrap.css && cleancss --skip-advanced --source-map --output dist/css/bootstrap-grid.min.css dist/css/bootstrap-grid.css && cleancss --skip-advanced --source-map --output dist/css/bootstrap-reboot.min.css dist/css/bootstrap-reboot.css
Running "exec:clean-css-docs" (exec) task
> bootstrap@4.0.0-alpha.6 clean-css-docs D:\bootstrap-4.0.0-alpha.6
> cleancss --skip-advanced --source-map --output docs/assets/css/docs.min.css docs/assets/css/docs.min.css
Running "babel:dev" (babel) task
Warning: D:\bootstrap-4.0.0-alpha.6\node_modules\babel-plugin-transform-es2015-modules-strip\lib\index.js:4
ModuleDeclaration(path) {
^
Unexpected token ( Use --force to continue.
Aborted due to warnings.
Execution Time (2017-03-11 07:32:29 UTC-6)
exec:sass 1.6s ███████████████████████ 28%
exec:sass-docs 735ms ███████████ 13%
exec:postcss 1.4s ████████████████████ 24%
exec:clean-css 1.3s ███████████████████ 23%
exec:clean-css-docs 687ms ██████████ 12%
Total 5.7s
知道那可能是什么吗
更新2。
我运行了npm安装--保存dev grunt sass,但我没有得到:
未找到本地Npm模块“grunt sass”。安装了吗
但是:
运行“babel:dev”(babel)任务
警告:D:\bootstrap-4.0.0-alpha.6\node\u modules\babel-plugin-transform-es2015-modules-strip\lib\index.js:4
模块化声明(路径){
^
意外标记(请使用--force继续)
Aborted due to warnings.
这种情况仍在发生
更新3.已使用--强制完成。不要
谢谢你在bootstrap.scss中@import\u custom.scss了吗?哎呀,我想我错过了,谢谢!刚刚更新了我的帖子。