質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

Q&A

0回答

705閲覧

ejsのパーシャルファイルがコンパイルされてしまいます。

makaruon22

総合スコア2

EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

gulp

gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

0グッド

0クリップ

投稿2019/08/16 07:48

編集2019/08/21 08:42

前提・実現したいこと

ejsのパーシャルファイルをコンパイルさせないようにしたいです。

発生している問題・エラーメッセージ

コンパイルされてしまいます。 さらにコンパイルされたindex.htmlにはinclude指定の記述がそのままテキストで表示されています。

該当のソースコード

▼フォルダ構造 gulpfile.js src/ |_index.ejs partial/ |_ _header.ejs ▼gulpfile.js const gulp = require('gulp'); const sass = require('gulp-sass'); const sassGlob = require("gulp-sass-glob"); const notify = require("gulp-notify"); const plumber = require("gulp-plumber"); const autoprefixer = require('gulp-autoprefixer'); const uglify = require('gulp-uglify'); const changed = require('gulp-changed'); const browserSync = require('browser-sync').create(); const sourcemaps = require('gulp-sourcemaps'); const queries = require('gulp-group-css-media-queries'); const imagemin = require('gulp-imagemin'); const pngquant = require('imagemin-pngquant'); const jpegtran = require('imagemin-jpegtran'); //setting : paths const paths = { 'allDist': './oscf/dist/*', 'scss' : './src/scss/', 'css' : './oscf/dist/css/', 'jsSrc' : './src/js/', 'jsDist' : './oscf/dist/js/', 'imgSrc' : './src/img/', 'imgDist': './oscf/dist/img/' } //setting : Sass Options const sassOptions = { outputStyle: 'compressed', } //gulpコマンドの省略 const { watch, series, task, src, dest } = require('gulp'); //Sass task('sass', function () { return ( src(paths.scss + '**/*.scss') .pipe(plumber({ errorHandler: notify.onError({ title: "Sassエラー発見!", message: "<%= error.message %>" }) })) .pipe(sourcemaps.init()) .pipe(sass(sassOptions)) .pipe(sassGlob()) .pipe(queries()) .pipe(autoprefixer()) .pipe(sourcemaps.write()) .pipe(changed(paths.allDist)) .pipe(dest(paths.css)) .pipe(browserSync.stream()) ); }); //JS Compress task('js', function () { return ( src(paths.jsSrc + '**/*.js') .pipe(plumber({ errorHandler: notify.onError({ title: "JavaScriptエラー発見!", message: "<%= error.message %>" }) })) .pipe(uglify()) .pipe(dest(paths.jsDist)) ); }); //jpg,png,svg,gif Compress task('imagemin', function () { return ( src(paths.imgSrc + '**/*.{jpg,jpeg,png,gif,svg}') .pipe(imagemin( [ pngquant({ quality: [.7, .85], speed: 1 }), jpegtran({ quality: 80 }), imagemin.svgo(), imagemin.gifsicle() ] )) .pipe(gulp.dest(paths.imgDist)) ); }); //browser auto reload task('server', function() { return ( browserSync.init({ server: { baseDir: './oscf/', } }) ); }); task('browser-reload', function () { return ( browserSync.reload() ); }); //watch watch([paths.scss + '**/*.scss'], task('sass')); watch([paths.jsSrc + '**/*.js'], task('js')); watch(['./oscf/**/*'], task('browser-reload')); task('default', series('sass', 'js', 'server', 'browser-reload')); //const paths = {'ejs' : './src/ejs/'} ▼index.ejs <% include partial/_header %> ▼コンパイルされたindex.html <% include partial/_header %> ↑そのまま表示される

試したこと

gulpfile.jsの「_」ファイル除外の記述

'!./src/ejs/**/_*.ejs'

直接記述してもダメでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

takopo

2019/08/16 13:51 編集

gulpfile.js の中身を全部載せていただいた方が、回答を得られやすくなると思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問