数字孪生项目提交

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["env","stage-0"]
+}

.eslintrc.json

@@ -0,0 +1,40 @@
+/*json 中也让写一下注释吧!!!*/
+{
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es6": true
+  },
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaVersion": 2015,
+    "sourceType": "module"
+  },
+  "rules": {
+    "linebreak-style": 0,
+
+    //允许使用console
+    "no-console":2,
+
+    //单个文件不能超过500行
+    "max-lines": [1, 500],
+
+    //强制在代码块中使用一致的大括号风格
+    "brace-style": 2,
+
+    //禁止在不需要分行的时候使用了分行
+    "no-unexpected-multiline": 2,
+
+    //不要把空格和tab混用
+    "no-mixed-spaces-and-tabs": 2,
+
+    //函数参数禁止重名
+    "no-dupe-args": 2,
+
+    //class中的成员禁止重名
+    "no-dupe-class-members": 2,
+
+    //在对象字面量中，禁止使用重复的key
+    "no-dupe-keys": 2
+  }
+}

.gitignore

@@ -0,0 +1,105 @@
+### macOS template
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+### Windows template
+# Windows thumbnail cache files
+Thumbs.db
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+### JetBrains template
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff:
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/dictionaries
+
+# Sensitive or high-churn files:
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.xml
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+
+# Gradle:
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# CMake
+cmake-build-debug/
+
+# Mongo Explorer plugin:
+.idea/**/mongoSettings.xml
+
+## File-based project format:
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+/node_modules/
+/dist/
+/dll/

.idea/chartDp.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/codeStyles/Project.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <option name="LINE_SEPARATOR" value="&#10;" />
+  </code_scheme>
+</component>

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

.idea/encodings.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" addBOMForNewFiles="with NO BOM" />
+</project>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/chartDp.iml" filepath="$PROJECT_DIR$/.idea/chartDp.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.project

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>chartDp</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+	<filteredResources>
+		<filter>
+			<id>1544687053343</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+		<filter>
+			<id>1599716527245</id>
+			<name></name>
+			<type>26</type>
+			<matcher>
+				<id>org.eclipse.ui.ide.multiFilter</id>
+				<arguments>1.0-name-matches-false-false-node_modules</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
+</projectDescription>

config/config.js

@@ -0,0 +1,325 @@
+const path = require('path');
+const webpack = require('webpack');
+const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
+const glob = require("glob");
+const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+// const CopyWebpackPlugin = require("copy-webpack-plugin");
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const packageJson = require("./../package.json");
+const HappyPack = require('happypack');
+const os = require('os');
+const happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length });
+let pathVars = require("./pathVars");
+let config = {};
+
+/*----------------------------------- page ---------------------------------*/
+//测试页面
+
+// let files = glob.sync(pathVars.testPath + `/pie/ChartPie?(9|21|32)/index.html`);
+let files = glob.sync(pathVars.testPath + `/factory/ChartPark/index.html`);
+// files = files.concat(glob.sync(pathVars.testPath + "/factory/ChartFactoryTest/index.html"));
+files = files.concat(glob.sync(pathVars.testPath + "/factory/ChartBar41/index.html"));
+files = files.concat(glob.sync(pathVars.testPath + "/factory/ChartFactory1/index.html"));
+files = files.concat(glob.sync(pathVars.testPath + "/factory/ChartFactory2/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/factory/threeScene/index.html"));
+
+console.log("测试页面\n", files);
+let entryDev = {
+  vendor: Object.keys(packageJson.dependencies)
+};
+let pageAry = [];
+files.forEach(function (filePath) {
+  //将单个文件路径（/test/ChartBar3D/index.htsml）路径拆分成数组
+  let tempAry = filePath.split('/');
+  //demo文件夹名
+  let typeName = tempAry[tempAry.length - 3];
+  let chunkName = tempAry[tempAry.length - 2];
+  let htmlName = chunkName + "/index.html";
+
+  let obj = {};
+  obj["filePath"] = filePath;
+  obj["chunkName"] = chunkName;
+  obj["htmlName"] = htmlName;
+  obj["entryJs"] = pathVars.testPath + "/" + typeName + "/" + chunkName + "/index.js";
+  entryDev[chunkName] = obj["entryJs"];
+  pageAry.push(obj);
+});
+
+
+//图表主js文件
+let chartFiles = glob.sync(pathVars.srcPath + "/chart/factory/ChartPark/ChartPark.js");
+console.log("图表主js文件\n", chartFiles);
+let chartAry = [];
+let entryDist = {};
+chartFiles.forEach(function (filePath) {
+  //将单个文件路径（/src/chart/ChartEarth/ChartEarth.js）路径拆分成数组
+  let tempAry = filePath.split('/');
+  let chunkName = tempAry[tempAry.length - 2];
+  let obj = {};
+  obj["chunkName"] = chunkName;
+  chartAry.push(obj);
+  //
+  entryDist[chunkName] = filePath;
+});
+
+
+/*-----------------------------  entry  ------------------------------*/
+
+config["entryDev"] = entryDev;
+
+
+config["entryDist"] = entryDist;
+
+
+/*-----------------------------  devServer  ------------------------------*/
+let devServer = {
+  // open: true,
+  publicPath: "/",
+  contentBase: pathVars.devPath,
+  hot: true,
+  inline: true,
+  port: 3006,
+  host: '192.168.1.103'
+  // host: 'localhost'
+};
+config["devServer"] = devServer;
+
+
+/*-----------------------------  output  ------------------------------*/
+let outputDev = {
+  path: pathVars.distPath,
+  publicPath: "/",     // 表示资源的发布地址，当配置过该属性后，打包文件中所有通过相对路径引用的资源都会被配置的路径所替换(如：css中背景图的路径)
+  filename: "[name]/main.js"
+};
+config["outputDev"] = outputDev;
+
+let outputDist = {
+  path: pathVars.distPath,
+  publicPath: "/",
+  filename: "[name]_[chunkhash:5].js",
+  library: "[name]",
+  libraryTarget: "umd"
+  //  libraryExport: "default"
+};
+config["outputDist"] = outputDist;
+
+
+/*-----------------------------  externals  ------------------------------*/
+if (process.env.NODE_ENV === "noThird") {
+  console.log("==================", process.env.NODE_ENV);
+  config["externals"] = {
+    'three': {
+      commonjs: 'THREE',
+      commonjs2: 'THREE',
+      amd: 'THREE',
+      root: 'THREE'
+    },
+    'zrender': {
+      commonjs: 'zrender',
+      commonjs2: 'zrender',
+      amd: 'zrender',
+      root: 'zrender'
+    },
+    'gsap': {
+      commonjs: 'gsap',
+      commonjs2: 'gsap',
+      amd: 'gsap',
+      root: 'gsap'
+    }
+  };
+} else {
+  config["externals"] = {};
+  config["outputDist"]["filename"] = "[name].js"
+}
+
+
+/*-----------------------------  module  ------------------------------*/
+let rules = [
+  // {
+  //     test: /\.js$/,
+  //     exclude: pathVars.nodeModulesPath,
+  //
+  //     //use: ['babel-loader'],
+  //     use: ["happypack/loader?id=babel"]
+  // },
+  {
+    test: /\.js$/,
+    // exclude: pathVars.nodeModulesPath,
+    loader: "babel-loader",
+  },
+  // {
+  //     test: /\.glsl$/,
+  //     loader: 'webpack-glsl-loader'
+  // },
+  {
+    test: /\.(glsl|vs|fs|vert|frag)$/,
+    // exclude: [pathVars.nodeModulesPath, pathVars.dllPath],
+    use: ["raw-loader", "glslify-loader"]
+  }
+]
+// let jsonRuleDist={
+//     test:/\.json$/,
+//     type: 'javascript/auto',
+//     use:[
+//         {
+//             loader: 'json-loader',
+//
+//             options: {
+//                 publicPath: '../../static/',
+//                 name: 'json/[name]_[hash:5].[ext]'
+//             }
+//         }
+//     ]
+// };
+let imgRuleDev = {
+  test: /\.(png|jpg|gif)$/,
+  // loader: 'url-loader?limit=1000&name=images/[name]_[hash:5].[ext]',
+  use: [
+    {
+      loader: 'file-loader',
+      options: {
+        publicPath: '/',
+        name: 'imgInChart/[name]_[hash:5].[ext]'
+      }
+    }
+  ]
+}
+let imgRuleDist = {
+  test: /\.(png|jpg|gif)$/,
+  // loader: 'url-loader?limit=1000&name=images/[name]_[hash:5].[ext]',
+  use: [
+    {
+      loader: 'file-loader',
+      options: {
+        publicPath: '../../static/',
+        name: 'imgInChart/[name]_[hash:5].[ext]'
+      }
+    }
+  ]
+};
+
+config["moduleBaseDev"] = { rules: rules.concat(imgRuleDev) };
+config["moduleBaseDist"] = { rules: rules.concat(imgRuleDist) };
+
+
+//---------------------------------- plugin -----------------------------------//
+let pluginBase = [
+  /*new CopyWebpackPlugin([{
+      from: pathVars.staticPath,
+      //to 起始位置为发布目录
+      to: "static"
+  }]),*/
+  new webpack.DllReferencePlugin({
+    context: pathVars.rootPath,
+    manifest: require(pathVars.dllPath + '/manifest.json')
+  }),
+  new HappyPack({
+    id: 'babel',
+    loaders: ["babel-loader"],
+    threadPool: happyThreadPool
+  }),
+  new webpack.DefinePlugin({
+    my_ENV: JSON.stringify(process.env.my_ENV)
+  })
+];
+
+const htmlBase = [];
+pageAry.forEach(function (page) {
+  const htmlPlugin = new HtmlWebpackPlugin({
+    title: '',
+    template: page["filePath"],
+    filename: page["htmlName"],
+    inject: 'body',
+    chunks: ["manifest", "vendor", "common", page["chunkName"]],
+    chunksSortMode: 'none'
+  });
+  htmlBase.push(htmlPlugin);
+});
+// pageVars.forEach(function (page) {
+//     let htmlPlugin = new HtmlWebpackPlugin({
+//         title: 'page1',
+//         template: page["filePath"],
+//         filename: page["htmlName"],
+//         inject: 'body',
+//         chunks: /*isDev ? [page["chunkName"]] :*/ ["manifest", "vendor", "common", page["chunkName"]],
+//         chunksSortMode: 'dependency'
+//     });
+//     pluginBase.push(htmlPlugin);
+// });
+
+//------------------- dev
+let pluginsDev = [
+  new webpack.HotModuleReplacementPlugin()
+];
+config["pluginsDev"] = pluginBase.concat(pluginsDev, htmlBase);
+
+
+//------------------- dist
+let pluginDist = [
+  new CleanWebpackPlugin(pathVars.distPath,
+    {
+      root: pathVars.rootPath,
+      verbose: true
+    }
+  ),
+  new webpack.NoEmitOnErrorsPlugin(),
+
+
+];
+config["pluginDist"] = pluginBase.concat(pluginDist);
+
+//----------------------------------- optimization  ---------------------------//
+config["optimizationDev"] = {
+  minimize: false,
+  splitChunks: {
+    chunks: "all", //initial
+    minSize: 30 * 1024, //模块大于30k会被抽离到公共模块 也就是说每个页面的js不会大于30k
+    minChunks: 1, //模块出现1次就会被抽离到公共模块
+    maxAsyncRequests: 5, //异步模块，一次最多只能被加载5个
+    maxInitialRequests: 3, //入口模块最多只能加载3个
+    name: true,
+    cacheGroups: {
+      default: {
+        chunks: "all",
+        name: "common",
+        test: /[\\/]src[\\/]/,
+        minChunks: 3,
+        priority: -20,
+        reuseExistingChunk: true
+      },
+      vendor: {
+        chunks: "all",
+        name: "vendor",
+        test: /[\\/]node_modules[\\/]/,
+        minChunks: 1,
+        priority: -10
+      }
+    }
+  },
+  runtimeChunk: {
+    name: "manifest"
+  }
+};
+//
+config["optimizationDist"] = {
+  minimize: true,
+  minimizer: [
+    new UglifyJsPlugin({
+      cache: true,
+      parallel: true,
+      uglifyOptions: {
+        warnings: false,
+        compress: {
+          // warnings: false,
+          drop_debugger: true,
+          drop_console: true
+        }
+      }
+    }),
+    new OptimizeCssAssetsPlugin({})
+  ],
+  splitChunks: {}
+
+};
+module.exports = config;

config/pathVars.js

@@ -0,0 +1,28 @@
+const path = require('path');
+let pathVars = {};
+
+//项目根目录
+pathVars.rootPath = path.resolve(__dirname, '../');
+
+//源文件目录
+pathVars.srcPath = path.resolve(pathVars.rootPath, './src');
+
+//预编译文件存放目录
+pathVars.dllPath = path.resolve(pathVars.rootPath, './dll');
+
+//开发测试目录
+pathVars.devPath = path.resolve(pathVars.rootPath, './dev');
+
+//
+pathVars.staticPath = path.resolve(pathVars.rootPath, './dev/static');
+
+//发布目录
+pathVars.distPath = path.resolve(pathVars.rootPath, './dist');
+
+//node_modules目录
+pathVars.nodeModulesPath = path.resolve(pathVars.rootPath, './node_modules');
+
+//测试目录
+pathVars.testPath = path.resolve(pathVars.rootPath, './test');
+
+module.exports = pathVars;

config/webpack.dev.config.js

@@ -0,0 +1,11 @@
+let config = require("./config");
+module.exports = {
+    mode: 'development',
+    devtool: 'eval-source-map',
+    entry: config.entryDev,
+    output: config.outputDev,
+    devServer:config.devServer,
+    plugins: config.pluginsDev,
+    module: config.moduleBaseDev,
+    optimization: config["optimizationDev"]
+};

config/webpack.dist.config.js

@@ -0,0 +1,11 @@
+let config = require("./config");
+
+module.exports = {
+    mode:"production",
+    entry: config.entryDist,
+    output: config.outputDist,
+    externals: config.externals,
+    plugins: config.pluginDist,
+    module: config.moduleBaseDist,
+    optimization:config["optimizationDist"]
+};

config/webpack.dll.config.js

@@ -0,0 +1,51 @@
+/*
+ * 用来预编译第三方库*/
+
+const webpack = require('webpack');
+const pathVars = require('./pathVars');
+const packageJson = require("./../package.json");
+// const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
+//
+module.exports = {
+    mode: 'development',
+    entry: {
+        /*第三方库*/
+        dll: Object.keys(packageJson.dependencies)
+    },
+    output: {
+        path: pathVars.dllPath,
+        filename: "[name].js",
+        library: '[name]',
+        libraryTarget: 'umd',
+        umdNamedDefine: true
+    },
+    plugins: [
+        //new webpack.NoEmitOnErrorsPlugin(),
+        new webpack.DllPlugin({
+            // path 定义 manifest 文件生成的位置 [name]的部分由entry的名字替换
+            path: pathVars.dllPath + '/manifest.json',
+            // name 是dll暴露的对象名，要跟 output.library 保持一致
+            name: '[name]',
+            // context 是解析包路径的上下文，这个要跟接下来配置的dll一致
+            context: pathVars.dllPath
+        })
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.(css|less)$/,
+                //exclude: [pathVars.nodeModulesPath],
+                use: [
+                    "style-loader",
+                    "css-loader",
+                    "less-loader"
+                ],
+            },
+            {
+                test: /\.js$/,
+                //exclude: pathVars.nodeModulesPath,
+                loader: "babel-loader"
+            }
+        ]
+    }
+};