Menu
I have several source files in a Visual Studio 2013 wep application project that I process using gulp version 3.8.11. Those files are Unicode (UTF-8 with signature) - Codepage 65001 encoded text files. After process them, they appear as they were Windows 1252 encoded text files.
For example, given the following UTF-8 encoded src/hello.html file:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello</title>
</head>
<body>
<h1>Hello, my name is Jesús López</h1>
</body>
</html>
This is how it looks on the browser:
Using the following gulpfile.js:
var gulp = require('gulp');
gulp.task('build', function () {
gulp.src('src/hello.html')
.pipe(gulp.dest('dist'));
});
After executing gulp build on the command line, this is how it looks on the browser:
How can I solve this encoding problem? Please help.
669
I had the same problem with .cshtml files, I found out that it was because of a missing UTF-8 BOM. That can easily be added with a gulp-plugin called gulp-header.
var gulp = require('gulp');
var header = require('gulp-header');
gulp.task('build', function () {
gulp.src('src/hello.html')
.pipe(header('\ufeff'));
.pipe(gulp.dest('dist'));
});
I had similar problem i solved it by adding
var convertEncoding = require('gulp-convert-encoding');
gulp.task("copy:templates", function () {
return gulp
.src("./app/**/*.html")
.pipe(convertEncoding({ from: "windows1250", to: "utf8" }))
//.pipe(header('\ufeff'))
.pipe(gulp.dest("./wwwroot/app"));
});
gulp.task('build:ts', function () {
return gulp.src("./app/**/*.ts")
.pipe(sourcemaps.init())
.pipe(typescript(tsconfigBuildTs))
.pipe(sourcemaps.write())
.pipe(convertEncoding({ from: "windows1250", to: "utf8" }))
.pipe(gulp.dest("./wwwroot/app/"));
});
The most important line is
.pipe(convertEncoding({ from: "windows1250", to: "utf8" }))
You should check your file encodings for from in the file > advanced save. Mine was set to windows1250 yours might be different.
20
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
