代码提交

.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,348 @@
+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 + `/pie/ChartPie38/index.html`);
+// files = files.concat(glob.sync(pathVars.testPath + "/center/ChartCenterTop1/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/digit/ChartDigit5/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/digit/ChartDigit21/index.html"));
+
+// files = files.concat(glob.sync(pathVars.testPath + "/pie/ChartPie38/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/map/ChartChinaMap5/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/map/ChartChinaMap1/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/pie/ChartPie31/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/pie/ChartPie39/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/pie/ChartPie40/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartPie38blue/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartBar5/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartBar8/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartBar40/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartBar41/index.html"));
+// files = files.concat(glob.sync(pathVars.testPath + "/zaibei/ChartLine3/index.html"));
+
+// files = files.concat(glob.sync(pathVars.testPath + "/bar/ChartBar46/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/pie/ChartPie38/ChartPie38.js")[0],
+    // chartFiles = glob.sync(pathVars.srcPath + "/chart/digit/ChartDigit5/ChartDigit5.js"),
+    // chartFiles = glob.sync(pathVars.srcPath + "/chart/pie/ChartPie39/ChartPie39.js"),
+    // chartFiles = glob.sync(pathVars.srcPath + "/chart/zaibei/ChartBar40/ChartBar40.js"),
+    // chartFiles = glob.sync(pathVars.srcPath + "/chart/zaibei/ChartLine3/ChartLine3.js"),
+    // glob.sync(pathVars.srcPath + "/chart/map/ChartChinaMap5/ChartChinaMap5.js"),
+    // chartFiles = glob.sync(pathVars.srcPath + "/chart/center/ChartCenterTop1/ChartCenterTop1.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: 3007,
+    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"
+            }
+        ]
+    }
+};