2014-10-01 2 views
0

적은 파일을 부트 스트랩 사용자 정의해야하는 프로젝트를 진행하고 있습니다. 나는 mainOverRide 및 복사 제외를 사용하여 미모사와 함께 할 수있는 방법을 알아 냈습니다. 그러나 그것의 꽤 조잡한. 여기 Mimosa에서 Bootstrap없는 파일을 사용자 정의하는 가장 좋은 방법은 무엇입니까?

이 내 CSS/공급 업체에 부트 스트랩 적은 파일을 복사합니다

exports.config = { 
    "modules": [ 
    "copy", 
    "jshint", 
    "csslint", 
    "require", 
    "minify-js", 
    "minify-css", 
    "live-reload", 
    "less", 
    "bower" 
], 
watch: { 
    sourceDir: "src", 
    compiledDir: "website", 
    javascriptDir: "js" 
}, 
vendor: { 
    javascripts: "js/vendor", 
    stylesheets: "css/vendor" 
}, 
bower: { 
    copy: { 
     mainOverrides: { 
      "bootstrap": [ 
       "dist/js/bootstrap.js", 
       {"less":"bootstrap/less"}, 
       {"less/mixins":"bootstrap/less/mixins"} 
      ], 
      "font-awesome": [ 
      { "fonts": "fonts" }, 
       "css/font-awesome.css", 
       "css/font-awesome-ie7.css" 
      ] 
     }, 
     exclude: ["css/vendor/bootstrap/less"] 
    } 
} 
} 

/그럼 난 그냥 CSS 디렉토리 전에 내 사용자 지정 적은 파일을 넣어 무엇을

부트 스트랩는 config입니다 : custom.less 또는 variables.less. 그런 다음 부트 스트랩없는 파일을 편집하여 새로운 사용자 정의 파일을 덜 가져옵니다.

제 질문은 .... 더 좋은 방법이 있습니까? 나는 이것이 약간 거친 느낌. 미모사를 사용하여 사용자 정의 부트 스트랩 파일을 사용하는 더 쉬운 방법을 놓친 것처럼 느껴집니다.

답변

1

몇 가지 옵션 : 당신이 만드는해야하는 업데이트가 미성년자 인 경우

  • 는, 당신은 당신의 수정을 수행하는 빌드 단계를 소개 할 수 있습니다. adhoc-modules을 사용하여 파일이 처리되는대로 처리하고 수정할 수 있습니다. 빌드 도중 d3을 수정하는 모듈은 https://github.com/dbashford/mimosa-d3-on-window입니다.이 방법을 사용하면 공급 업체 라이브러리를 원시 상태로 유지하면서 수정 작업을 수행 할 반복 가능한 빌드 단계를 도입 할 수 있습니다.

  • 주요 파일로 적은 파일을 업데이트해야하는 경우 Bower를 사용하지 않고 Bower 외부의 저장소에 코드를 저장하는 것이 좋습니다. 수정 사항을 적용하면 Bower를 실행하고 다시 실행하는 문제가 발생하고 사용자 정의 작업을 덮어 쓰게됩니다.

관련 문제