立即注册找回密码

草根资源吧

官方指定联系方式

工作时间: 周一到周五早上09:00-11:00, 下午03:00-05:00, 晚上08:30-10:30(周六、日休息)
点击这里给我发消息 点击这里给我发消息
QQ: 280520150地址:河南郑州金水区  邮箱: lianxun888@163.com

编译 Bootstrap 4.0 的坑

[复制链接]
  • TA的每日心情
    开心
    2018-7-1 22:44
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-5-13 10:49:25 | 显示全部楼层 |阅读模式
    Bootstrap 4 Alpha 了6个版本,beta 了2个版本,拖的时间太长了,一直在跟进,最近又尝试编译了一下,发现还是坑多,记录下,前人踩坑,后人乘凉。

    中文网站基本不用看了,因为更新太快,版本都落后,直接看英文官网吧。

    官网:https://getbootstrap.com/
    下载:https://getbootstrap.com/docs/4.0/getting-started/download/  建议用 git clone 的方式。
    编译:https://getbootstrap.com/docs/4.0/getting-started/build-tools/  需要安装 node, ruby,会用到 npm gem 包管理方式,吐槽下,一个项目管理搞这么多语言合适么?我认为 node 完全能胜任。然后你最好能翻墙,否则很有可能会卡死。

    1. 强烈推荐使用以下 node npm 版本:
        node -v   # 版本 6.11
        npm -v   # 版本 5.2
        npm install npm@5.2
        (npm 5.3 会有各种坑)

    2. npm install bootstrap@4.0.0-beta 没有 Gem 文件,需要直接从 git 下载:
    git clone https://github.com/twbs/bootstrap.git

    3. npm 慢如死牛,设置源:
    npm config set registry https://registry.npm.taobao.org

    4. ruby 设置源,首先要下载证书,放到 C:\Ruby23\cacert.pem
    设置系统环境变量:
    set SSL_CERT_FILE=C:\\Ruby23\\cacert.pem

    5. 设置 ruby gem 源:
    gem sources --remove https://rubygems.org/
    gem sources -a https://ruby.taobao.org/
    gem sources -l
    备用:https://gems.ruby-china.org/
    bundle config mirror.https://rubygems.org https://gems.ruby-china.org
    6. 管理员启动 cmd

    7. 重新编译部分模块:
    npm rebuild node-sass

    npm cache clear --force
    npm install
    bundle install
    npm run dist

    cacert.pem
    gem 相关命令:

    gem  sources  --add  https://gems.ruby-china.org/  --remove  https://rubygems.org/
    gem  sources  -l
    sudo  gem  clea
    sudo  gem  install  foundatio
    sudo  npm  install  -g  bower  grunt-cl
    sudo  npm  instal
    grunt  buil
    grunt  /  grunt  serve  /  grunt  watch

    最近编译  bootstrap  4  beta2  又碰到坑了。
    首先是  ruby  的库文件下载一半锁住后,一直没法继续,需要手工删除一下。
    rm  /c/ruby32/xxxx/xxx.gem

    然后是  npm  install  bootstrap-4@beta-2    的版本有问题,改为  git  clone  后解决了。
    git  clone  --depth=1  https://github.com/twbs/bootstrap.git
    cd  bootstrap
    npm  install
    bundle  install
    npm  run  dist
    命令顺序如下:但是几乎每步一坑

    git clone https://github.com/twbs/bootstrap.git
    cd bootstrap/
    npm install
    gem install bundler
    bundle install
    npm run dist
    npm test
    npm run docs
    最新的坑:  Ruby  大垃圾需要什么  DevKit
    https://github.s3.amazonaws.com/downloads/oneclick/rubyinstaller/DevKit-tdm-32-4.5.1-20101214-1400-sfx.exe

    解压到  C:/ruby_devkit
    配置  conf.yaml
    -  C:/Ruby23

    cd  c:/ruby_devkit
    运行  ruby  dk.rb  install


    https://github.com/beefproject/beef/issues/1387

    本帖最近访客
    回复

    使用道具 举报

    使用高级回帖 (可批量传图、插入视频等)

    发表回复

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则   Ctrl + Enter 快速发布  

    发帖时请遵守我国法律,网站会将有关你发帖内容、时间以及发帖IP地址等记录保留,只要接到合法请求,即会将信息提供给有关政府机构。
    Powered by Discuz! X3.2 豫ICP备17024477号-1   
    Copyright © 2008-2016 www.sxpxb.net All Rights Reserved.
    快速回复 返回顶部 返回列表