add init

Author: xiaofan9

.babelrc

@@ -0,0 +1,45 @@
+{
+  // 此项指明，转码的规则
+  "presets": [
+    // env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件，不进行转码
+    [
+      "env",
+      {
+        "modules": false,
+        "targets": {
+          "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+        }
+      }
+      // babel-preset-env 可以设置一些选项，这里就介绍几种，有兴趣自己去看英文文档
+      // targets 指定运行环境
+      // targets.node 指定node版本
+      // targets.browsers 指定浏览器版本
+      // modules 指定何种形式的模块，设置为false表示不转码模块
+    ],
+    // 下面这个是不同阶段出现的es语法，包含不同的转码插件
+    "stage-2"
+  ],
+  // 下面这个选项是引用插件来处理代码的转换，transform-runtime用来处理全局函数和优化babel编译
+  "plugins": [
+    "lodash",
+    "transform-vue-jsx",
+    "transform-runtime",
+    "transform-decorators-legacy"
+  ],
+  // 下面指的是在生成的文件中，不产生注释
+  "comments": false,
+  // 下面这段是在特定的环境中所执行的转码规则，当环境变量是下面的test就会覆盖上面的设置
+  "env": {
+    // test 是提前设置的环境变量，如果没有设置BABEL_ENV则使用NODE_ENV，如果都没有设置默认就是development
+    "test": {
+      "presets": ["env", "stage-2"],
+      // instanbul是一个用来测试转码后代码的工具
+
+      "plugins": [
+        "istanbul",
+        "transform-vue-jsx",
+        "transform-decorators-legacy"
+      ]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,2 @@
+build/*.js
+config/*.js

.eslintrc.js

@@ -0,0 +1,34 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parser: "babel-eslint",
+  parserOptions: {
+    sourceType: "module"
+  },
+  env: {
+    browser: true
+  },
+  // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+  extends: "standard",
+  globals: {
+    _: true
+  },
+  // required to lint *.vue files
+  plugins: ["html", "vue"],
+  // add your custom rules here
+  rules: {
+    // allow async-await
+    "no-callback-literal": 0,
+    "generator-star-spacing": "off",
+    // allow debugger during development
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    // 默认配置always，要求在行末加上分号。
+    semi: ["error", "always"],
+    quotes: ["warn", "double"],
+    "space-before-function-paren": 0,
+    "prefer-promise-reject-errors": 0,
+    "no-new": 0,
+    "no-eval": 0
+  }
+};

.gitignore

@@ -0,0 +1,17 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

@@ -0,0 +1,8 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -0,0 +1,27 @@
+# vue-ts-scaffold
+
+>
+
+## 此脚手架工程以 https://github.com/ws456999/vue-typescript-starter 为基础库改进实现的
+
+## 特性
+
+*   一键式开关（使用 config.ts 控制是否使用 typescript）
+*   部分 loader 使用多线程加速
+*   基于 webpack 3.\*及 vue-cli 最新版本（2.9.3 生成的脚手架，进行相关性改进及性能优化。
+
+## 开始
+
+```bash
+# clone this repo
+git clone https://github.com/xiaofan9/vue-ts-scaffold
+
+# Install project dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+```

build/build.js

@@ -0,0 +1,45 @@
+"use strict";
+require("./check-versions")();
+
+process.env.NODE_ENV = "production";
+
+const ora = require("ora");
+const rm = require("rimraf");
+const path = require("path");
+const chalk = require("chalk");
+const webpack = require("webpack");
+const config = require("../config");
+const webpackConfig = require("./webpack.prod.conf");
+
+const spinner = ora("building for production...");
+spinner.start();
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err;
+  webpack(webpackConfig, function(err, stats) {
+    spinner.stop();
+    if (err) throw err;
+    process.stdout.write(
+      stats.toString({
+        colors: true,
+        modules: false,
+        children: false,
+        chunks: false,
+        chunkModules: false
+      }) + "\n\n"
+    );
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red("  Build failed with errors.\n"));
+      process.exit(1);
+    }
+
+    console.log(chalk.cyan("  Build complete.\n"));
+    console.log(
+      chalk.yellow(
+        "  Tip: built files are meant to be served over an HTTP server.\n" +
+          "  Opening index.html over file:// won't work.\n"
+      )
+    );
+  });
+});

build/check-versions.js

@@ -0,0 +1,59 @@
+"use strict";
+const chalk = require("chalk");
+const semver = require("semver");
+const packageConfig = require("../package.json");
+const shell = require("shelljs");
+function exec(cmd) {
+  return require("child_process")
+    .execSync(cmd)
+    .toString()
+    .trim();
+}
+
+const versionRequirements = [
+  {
+    name: "node",
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+];
+
+if (shell.which("npm")) {
+  versionRequirements.push({
+    name: "npm",
+    currentVersion: exec("npm --version"),
+    versionRequirement: packageConfig.engines.npm
+  });
+}
+
+module.exports = function() {
+  const warnings = [];
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i];
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(
+        mod.name +
+          ": " +
+          chalk.red(mod.currentVersion) +
+          " should be " +
+          chalk.green(mod.versionRequirement)
+      );
+    }
+  }
+
+  if (warnings.length) {
+    console.log("");
+    console.log(
+      chalk.yellow(
+        "To use this template, you must update following to modules:"
+      )
+    );
+    console.log();
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i];
+      console.log("  " + warning);
+    }
+    console.log();
+    process.exit(1);
+  }
+};