Css Grunt任务编译Bootstrap 4自定义SCS

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

我遵循B4文档并创建了一个_custom.scss文件来获得一个定制的css文件。我通过执行B4下载附带的Gruntfile.js来运行grunt任务。我看到css文件夹中的所有文件由于新的修改日期而被覆盖。但是,将新bootstrap.css的内容与原始内容进行比较并没有显示出任何区别。我做错了什么

谢谢

更新。我已经进口了_custom.scss。但我似乎有错误:

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了吗?哎呀,我想我错过了,谢谢!刚刚更新了我的帖子。