2016-08-29 7 views
1

템플릿을 구입했습니다. 미리 컴파일 된 버전의 부트 스트랩으로 컴파일하려고하면 모든 것이 정상입니다. 내가 부트 스트랩 적은 변형을 컴파일 할 경우미리 컴파일 된 것과 동일한 버전을 얻기 위해 부트 스트랩을 컴파일하는 방법은 무엇입니까?

@import "bootstrap.css"; //Precompiled Bootstrap 
@import "nifty/nifty.less"; //My theme 

그러나, 일부 색상이 다른 하나는 다음 예상됩니다

@import "bootstrap/bootstrap.less"; //Same Version as above, but not precompiled 
@import "nifty/nifty.less"; //My theme 

는 차이가 무엇입니까. 색상으로 표현하면 dist 폴더의 미리 컴파일 된 변형과 동일한 결과를 얻으려면 어떻게 부트 스트랩을 컴파일해야합니까?

내 템플릿을 Kendo UI과 함께 컴파일해야하고 내 템플릿이 Kendo UI Bootstrap Mapper에 필요한 모든 테마 변수를 제공하지 않기 때문에이 기능이 필요합니다.


이 내 꿀꺽 작업입니다 :

gulp.task('theme', 
    function() { 
     return gulp.src('./Content/less/theme.less') 
      .pipe(plumber()) 
      .pipe(less({ 
       paths: [path.join(__dirname, 'less', 'includes')] 
      })) 
      .pipe(gulp.dest('./Content/theme')); 
    }); 
+0

Gulpfile의 적은 작업에서 코드를 게시 할 수 있습니까? –

+0

또한 터미널에서 lessc을 사용하여 직접 컴파일 할 때 어떤 결과가 발생합니까? I.E. 이것이 예상 결과를 제공합니까 아니면 같은 문제가 있습니까? –

+0

gulpfile @AndrewFaulkner를 추가했습니다. 마지막 방법은 잘 모릅니다. Visual Studio를 사용합니다. –

답변

1

여기에 몇 가지 가능한 문제가 있습니다

  1. 당신은 해당 부트 스트랩 CSS 및 프로젝트에 설치된 부트 스트랩 이하 버전이 없을 수는. bootstrap.css 파일 맨 위에 나열된 버전이 부트 스트랩 맨 위에있는 것과 동일해야합니다. 이것이 가장 가능성있는 원인입니다. 이러한 문제가 쉽게 해결 될 수 있습니다.
  2. 가장 최근에 덜거덕 거리는 버전이 있는지 확인하십시오. 플러그인은 과거에 수입 처리와 관련하여보고 된 몇 가지 문제를 고쳤습니다.
  3. Gulp-less는 가져 오기 '주문'을 준수하지 않을 수도 있습니다. 이전에는 문제가보고되었습니다. 이것이 문제라면 약간의 시간이 걸릴 것입니다. 그러나 이런 경우에 사용할 수있는 해킹 된 솔루션이 있습니다 : 꿀꺽 꿀꺽 마주한 상태로 부트 스트랩 라이브러리 파일을 직접 가져 와서 원본 (예 : styles/lib/bootstrap)의 CSS 파일로 출력 한 다음 출력 된 파일을 가져옵니다 CSS 파일. 절대적인 최후의 수단으로 만 이것을 수행하십시오. 이것은 주요한 주요 해킹입니다.
  4. 템플릿 자체에는 설치된 버전과 다른 버전의 부트 스트랩이 포함될 수 있습니다. 템플릿에 어떤 종속성이 있는지 확인하십시오.
+0

감사합니다. 나는 그것에 대해 살펴 봅니다. 그 중 3 번이 가장 가능성이 높습니다. 최신 gulp-less 버전 (NPM 패키지 json' "gulp-less": "*"')을 사용하고 bootstrap.css/less 파일은 동일한 다운로드 파일 (3.3.6, 템플릿이 uptodate가 아니기 때문에 3.3.7) –

+0

Ack, 버전을 잠급니다! 나중에 그렇지 않으면 너는 많은 고통을 느끼게 될 것이다. (아마 현재의 문제와 관련이 없습니다. 그럼에도 불구하고 좋은 생각입니다.) –

+0

흠 ... 부트 스트랩없는 프로젝트에도 설치되어 있지 않은지 확인하십시오. import '부트 스트랩'; node_modules/bootstrap/[/ *?] bootstrap보다는 node_modules/bootstrap-less로 기본값이 될 수 있습니다.less –