using webpack

Author: xsro

.eslintignore

@@ -0,0 +1,4 @@
+gulpfile.js
+test/**/index.ts
+test/**/runTest.ts
+tools/prepublish.js

.gitignore

@@ -1,4 +1,5 @@
 /out
+/dist
 node_modules
 .vscode-test/
 *.vsix

.vscode/launch.json

@@ -14,7 +14,7 @@
 				"--extensionDevelopmentPath=${workspaceFolder}"
 			],
 			"outFiles": [
-				"${workspaceFolder}/out/**/*.js"
+				"${workspaceFolder}/dist/**/*.js"
 			],
 			"preLaunchTask": "${defaultBuildTask}"
 		},
@@ -27,7 +27,7 @@
 				"--extensionDevelopmentPath=${workspaceFolder}"
 			],
 			"outFiles": [
-				"${workspaceFolder}/out/**/*.js"
+				"${workspaceFolder}/dist/**/*.js"
 			],
 		},
 		{
@@ -45,4 +45,4 @@
 			"preLaunchTask": "${defaultBuildTask}"
 		}
 	]
-}
+}

.vscode/tasks.json

@@ -16,14 +16,27 @@
 			"detail": "tsc -watch -p ./"
 		},
 		{
-			"type": "gulp",
-			"task": "build",
+			"type": "npm",
+			"script": "compile-dev",
 			"group": {
 				"kind": "build",
 				"isDefault": true
-			},
+			}
+		},
+		{
+			"type": "npm",
+			"script": "lint",
+			"problemMatcher": [
+				"$eslint-stylish"
+			],
+			"label": "npm: lint",
+			"detail": "eslint src --ext ts"
+		},
+		{
+			"type": "gulp",
+			"task": "clean",
 			"problemMatcher": [],
-			"label": "gulp: build"
+			"label": "gulp: clean"
 		}
 	]
-}
+}

.vscodeignore

@@ -4,14 +4,15 @@
 .vscode-test/**
 out/test/**
 # ignore unarchieved feature
-dist/**
+out/**
 # ignore source
 src/**
 #ignore dev files
 .gitignore
 vsc-extension-quickstart.md
 **/tsconfig.json
 **/.eslintrc.json
+**/.eslintignore.json
 **/*.map
 **/*.ts
 gulpfile.js

gulpfile.js

@@ -1,86 +1,42 @@
+/* eslint-disable no-undef */
+/* eslint-disable @typescript-eslint/no-var-requires */
 /*---------------------------------------------------------------------------------------------
  *  Copyright (c) Microsoft Corporation. All rights reserved.
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
 const gulp = require('gulp');
-const path = require('path');
-
+const filter = require('gulp-filter');
 const ts = require('gulp-typescript');
 const typescript = require('typescript');
 const sourcemaps = require('gulp-sourcemaps');
-const del = require('del');
-const runSequence = require('run-sequence');
-const es = require('event-stream');
-const vsce = require('vsce');
 const nls = require('vscode-nls-dev');
-
-const tsProject = ts.createProject('./tsconfig.json', { typescript });
-
-const inlineMap = true;
-const inlineSource = false;
-const outDest = 'out';
-
-// If all VS Code langaues are support you can use nls.coreLanguages
-const languages = [{ folderName: 'chs', id: 'zh-cn' }];
-
-const cleanTask = function() {
-	return del(['out/**', 'package.nls.*.json', 'i18n-sample*.vsix']);
-};
-
-const internalCompileTask = function() {
-	return doCompile(false);
-};
-
-const internalNlsCompileTask = function() {
-	return doCompile(true);
+const del = require('del');
+const cleanTask = function () {
+	return del(['out/**', 'dist/**', 'package.nls.*.json', 'masm-tasm*.vsix']);
 };
-
-const addI18nTask = function() {
+const tsProject = ts.createProject('./tsconfig.json', { typescript });
+const languages = [
+	{ id: "zh-cn", folderName: "chs", transifexId: "zh-hans" }];
+//-----------------
+const generateAdditionalLocFiles = () => {
 	return gulp.src(['package.nls.json'])
 		.pipe(nls.createAdditionalLanguageFiles(languages, 'i18n'))
 		.pipe(gulp.dest('.'));
 };
-
-const buildTask = gulp.series(cleanTask, internalNlsCompileTask, addI18nTask);
-
-const doCompile = function (buildNls) {
-	var r = tsProject.src()
+// Generates ./dist/nls.bundle.<language_id>.json from files in ./i18n/** *//<src_path>/<filename>.i18n.json
+// Localized strings are read from these files at runtime.
+const generateSrcLocBundle = () => {
+	// Transpile the TS to JS, and let vscode-nls-dev scan the files for calls to localize.
+	return tsProject.src()
 		.pipe(sourcemaps.init())
 		.pipe(tsProject()).js
-		.pipe(buildNls ? nls.rewriteLocalizeCalls() : es.through())
-		.pipe(buildNls ? nls.createAdditionalLanguageFiles(languages, 'i18n', 'out') : es.through());
-
-	if (inlineMap && inlineSource) {
-		r = r.pipe(sourcemaps.write());
-	} else {
-		r = r.pipe(sourcemaps.write("../out", {
-			// no inlined source
-			includeContent: inlineSource,
-			// Return relative source map root directories per file.
-			sourceRoot: "../src"
-		}));
-	}
-
-	return r.pipe(gulp.dest(outDest));
-};
-
-const vscePublishTask = function() {
-	return vsce.publish();
-};
-
-const vscePackageTask = function() {
-	return vsce.createVSIX();
+		.pipe(nls.createMetaDataFiles())
+		.pipe(nls.createAdditionalLanguageFiles(languages, "i18n"))
+		.pipe(nls.bundleMetaDataFiles('xsro.masm-tasm', 'dist'))
+		.pipe(nls.bundleLanguageFiles())
+		.pipe(filter(['**/nls.bundle.*.json', '**/nls.metadata.header.json', '**/nls.metadata.json']))
+		.pipe(gulp.dest('dist'));
 };
-
-gulp.task('default', buildTask);
-
 gulp.task('clean', cleanTask);
-
-gulp.task('compile', gulp.series(cleanTask, internalCompileTask));
-
-gulp.task('build', buildTask);
-
-gulp.task('publish', gulp.series(buildTask, vscePublishTask));
-
-gulp.task('package', gulp.series(buildTask, vscePackageTask));
+gulp.task('translations-generate', gulp.series(generateSrcLocBundle, generateAdditionalLocFiles));