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'));
    });
4

1 に答える 1

1

ここで考えられる問題がいくつかあります。

  1. プロジェクトに同等の Bootstrap CSS と Bootstrap の少ないバージョンがインストールされていない可能性があります。bootstrap.css ファイルの上部にリストされているバージョンが、bootstrap.less の上部にあるバージョンと同じであることを確認してください。これが最も可能性の高い原因です。これらは簡単にずれてしまいます。
  2. 最新のgulp-lessバージョンがあることを確認してください。プラグインには、過去にインポート処理に関するいくつかの問題が報告されていましたが、その後修正されました。
  3. Gulp-less は、インポートの「順序」を尊重していない可能性があります。過去にこれに関する問題が報告されています。これが問題である場合は、少し苦労しています。ただし、このような場合に使用できるハックな解決策があります。ブートストラップ ライブラリ ファイルを gulp で直接取得してレンダリングし、それらを「ソース」(たとえば、styles/lib/bootstrap) の css ファイルに出力してから、出力されたものをインポートします。 css ファイル。これは絶対的な最後の手段としてのみ行ってください。これは重大な重大なハックです。
  4. テンプレート自体には、インストールしたものとは異なるバージョンの Bootstrap が含まれている場合があります。テンプレートをチェックして、どのような依存関係があるかを確認してください。
于 2016-08-29T08:48:16.733 に答える