gulp で shift_jis 環境を管理する
sublime も gulp も shift_jis に弱い。というか対応してない?
それでも shift_jis でやらなきゃいけない時があるもので gulp の備忘録。
ファイルのエンコード設定
HTMLやCSSの charset 記述は shift_jis にしておく。
<meta charset="shift_jis">
とか
@charset "shift_jis";
とか
だけどファイル自体のエンコードは utf-8。
(shift_jis にするとうまくコンパイルできなかった)
※エンコード記述も gulp のタスクに組み込んじゃうこともできる。
それに関しては誰かがやり方を書いてくれてるので探そう!
⇒ gulpで処理結果をShift_JISに変換して出力する
プラグイン:gulp-convert-encoding
utf8 ⇒ shift_jis に変換してコンパイルしてくれるプラグイン。
gulp-convert-encoding
これをHTML(jade, ejs ...etc.)のタスク内にかましてあげる。
var convertEncoding = require('gulp-convert-encoding');
// html
gulp.task('html', function() {
return gulp.src(paths.html)
// その他のタスクいろいろ
.pipe(convertEncoding({to: "shift_jis"}))
.pipe(gulp.dest(paths.dist));
});
// ejs
gulp.task('ejs', function () {
return gulp.src(paths.ejs)
// その他のタスクいろいろ
.pipe(ejs(json, {ext: '.html'}))
.pipe(convertEncoding({to: "shift_jis"}))
.pipe(gulp.dest(paths.dist));
});
// jade
gulp.task('jade', function() {
return gulp.src(paths.jade)
// その他のタスクいろいろ
.pipe(jade({
pretty: true,
basedir: './src/_jade/',
doctype: 'html'
}))
.pipe(convertEncoding({to: "shift_jis"}))
.pipe(gulp.dest(paths.dist));
});
SCSS も同じように。
gulp.task('sass', function() {
return gulp.src(paths.scss)
// その他のタスクいろいろ
.pipe(sass())
.pipe(convertEncoding({to: "shift_jis"}))
.pipe(gulp.dest(paths.dist))
});
Author And Source
この問題について(gulp で shift_jis 環境を管理する), 我々は、より多くの情報をここで見つけました https://qiita.com/yokoh9/items/c72cb575ae29749ff2bd著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .