1

Gulp を使用して LESS フォルダーからすべての LESS ファイルをコンパイルし、ディレクトリ css/main.css ファイルにコンパイルされたそれぞれの Wordpress テーマ フォルダー内に CSS フォルダーを作成しようとしています。これは、Wordpress wp-content/themes/theme-name/less をファイル構造として使用しています。コンパイルしようとするたびに、/themes/** フォルダーにスローされるか、.pipe(gulp.dest('./css/')); を使用すると、プロジェクトのルートに作成されます。各テーマ フォルダーに新しい css フォルダーを作成し、それぞれの LESS ファイルに従って main.css を各フォルダーにコンパイルします。

gulp.task('less', ['clean'], function () {

var paths = [
    "wp-content/themes/theme-name-1/less/_compile.less",
    "wp-content/themes/theme-name-2/less/_compile.less",
    "wp-content/themes/theme-name-3/less/_compile.less"
];

var compile = gulp.src(paths, { base: './'})
    .pipe(rename({
        basename: "main",
        extname: ".css"
    }))
    .pipe(sourcemaps.init())
    .pipe(less())
    .pipe(autoprefixer())
    .pipe(sourcemaps.write('./css'))
    .pipe(gulp.dest('wp-content/themes/**/css'));

return (compile);
  });

私がそれを実現したい方法は次のとおりです。

gulp を実行すると、wp-content/themes/theme-name/less から wp-content/themes/theme-name/css というフォルダーがコンパイルされて作成されます。各テーマ名フォルダーを調べて、それぞれの /css/ フォルダーを作成し、コンパイル済みのファイルが main.css であることを確認します。

現在、wp-content/themes のルートに ** フォルダーを作成しているようです。

4

1 に答える 1

0

gulp.destはファイルの配置先であるため.pipe(gulp.dest('wp-content/themes/**/css'));、コンパイルしたファイルをフォルダーに配置しますwp-content/themes/**/css。

そのため、ファイルを配置する場所の宛先に変更したので、次のように使用します.pipe(gulp.dest('wp-content/themes/theme-name/css'));。

于 2016-04-19T15:46:19.717 に答える