6 年前 · 69d70a2473
--- a/.DS_Store
+++ b/.DS_Store
--- a/1-3安装与使用.zip
+++ b/1-3安装与使用.zip
--- a/1-4使用Loader.zip
+++ b/1-4使用Loader.zip
--- a/1-5使用Plugin.zip
+++ b/1-5使用Plugin.zip
--- a/1-6使用DevServer.zip
+++ b/1-6使用DevServer.zip
--- a/1入门/1-1前端的发展.html
+++ b/1入门/1-1前端的发展.html
--- a/1入门/1-2常见的构建工具及对比.html
+++ b/1入门/1-2常见的构建工具及对比.html
--- a/1入门/1-3安装与使用.html
+++ b/1入门/1-3安装与使用.html
--- a/1入门/1-4使用Loader.html
+++ b/1入门/1-4使用Loader.html
--- a/1入门/1-5使用Plugin.html
+++ b/1入门/1-5使用Plugin.html
--- a/1入门/1-6使用DevServer.html
+++ b/1入门/1-6使用DevServer.html
--- a/1入门/1-7核心概念.html
+++ b/1入门/1-7核心概念.html
--- a/1入门/index.html
+++ b/1入门/index.html
--- a/1入门/other/1-3安装与使用/index.html
+++ b/1入门/other/1-3安装与使用/index.html
@@ -0,0 +1,10 @@
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+</head>
			
 
				+<body>
			
 
				+<div id="app"></div>
			
 
				+<!--导入 webpack 输出的 JS 文件-->
			
 
				+<script src="./dist/bundle.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/1入门/other/1-3安装与使用/main.js
+++ b/1入门/other/1-3安装与使用/main.js
@@ -0,0 +1,4 @@
 
				+// 通过 CommonJS 规范导入 show 函数
			
 
				+const show = require('./show.js');
			
 
				+// 执行 show 函数
			
 
				+show('Webpack');
			
--- a/1入门/other/1-3安装与使用/package.json
+++ b/1入门/other/1-3安装与使用/package.json
@@ -0,0 +1,11 @@
 
				+{
			
 
				+  "name": "dive-into-webpack",
			
 
				+  "version": "1.0.0",
			
 
				+  "scripts": {
			
 
				+    "build": "webpack"
			
 
				+  },
			
 
				+  "dependencies": {},
			
 
				+  "devDependencies": {
			
 
				+    "webpack": "^3.4.0"
			
 
				+  }
			
 
				+}
			
--- a/1入门/other/1-3安装与使用/show.js
+++ b/1入门/other/1-3安装与使用/show.js
@@ -0,0 +1,7 @@
 
				+// 操作 DOM 元素，把 content 显示到网页上
			
 
				+function show(content) {
			
 
				+  window.document.getElementById('app').innerText = 'Hello,' + content;
			
 
				+}
			
 
				+
			
 
				+// 通过 CommonJS 规范导出 show 函数
			
 
				+module.exports = show;
			
--- a/1入门/other/1-3安装与使用/webpack.config.js
+++ b/1入门/other/1-3安装与使用/webpack.config.js
@@ -0,0 +1,12 @@
 
				+const path = require('path');
			
 
				+
			
 
				+module.exports = {
			
 
				+  // JS 执行入口文件
			
 
				+  entry: './main.js',
			
 
				+  output: {
			
 
				+    // 把所有依赖的模块合并输出到一个 bundle.js 文件
			
 
				+    filename: 'bundle.js',
			
 
				+    // 输出文件都放到 dist 目录下
			
 
				+    path: path.resolve(__dirname, './dist'),
			
 
				+  }
			
 
				+};
			
--- a/1入门/other/1-3安装与使用/yarn-error.log
+++ b/1入门/other/1-3安装与使用/yarn-error.log
@@ -0,0 +1,41 @@
 
				+Arguments: 
			
 
				+  /usr/local/Cellar/node/11.10.0/bin/node /usr/local/Cellar/yarn/1.13.0/libexec/bin/yarn.js
			
 
				+
			
 
				+PATH: 
			
 
				+  /usr/local/sbin:/Library/Java/JavaVirtualMachines/jdk1.8.0_202.jdk/Contents/Home/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/sbin:/Library/Java/JavaVirtualMachines/jdk1.8.0_202.jdk/Contents/Home/bin:/Users/honghaitao/Library/Android/sdk/tools:/Users/honghaitao/Library/Android/sdk/platform-tools:/Users/honghaitao/development/flutter/bin:.:/Users/honghaitao/Library/Android/sdk/tools:/Users/honghaitao/Library/Android/sdk/platform-tools:/Users/honghaitao/development/flutter/bin:.
			
 
				+
			
 
				+Yarn version: 
			
 
				+  1.13.0
			
 
				+
			
 
				+Node version: 
			
 
				+  11.10.0
			
 
				+
			
 
				+Platform: 
			
 
				+  darwin x64
			
 
				+
			
 
				+Trace: 
			
 
				+  Error: Client network socket disconnected before secure TLS connection was established
			
 
				+      at TLSSocket.onConnectEnd (_tls_wrap.js:1218:19)
			
 
				+      at Object.onceWrapper (events.js:285:13)
			
 
				+      at TLSSocket.emit (events.js:202:15)
			
 
				+      at endReadableNT (_stream_readable.js:1129:12)
			
 
				+      at processTicksAndRejections (internal/process/next_tick.js:76:17)
			
 
				+
			
 
				+npm manifest: 
			
 
				+  {
			
 
				+    "name": "dive-into-webpack",
			
 
				+    "version": "1.0.0",
			
 
				+    "scripts": {
			
 
				+      "build": "webpack"
			
 
				+    },
			
 
				+    "dependencies": {},
			
 
				+    "devDependencies": {
			
 
				+      "webpack": "^3.4.0"
			
 
				+    }
			
 
				+  }
			
 
				+
			
 
				+yarn manifest: 
			
 
				+  No manifest
			
 
				+
			
 
				+Lockfile: 
			
 
				+  No lockfile
			
--- a/1入门/other/1-4使用Loader/index.html
+++ b/1入门/other/1-4使用Loader/index.html
@@ -0,0 +1,10 @@
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+</head>
			
 
				+<body>
			
 
				+<div id="app"></div>
			
 
				+<!--导入 webpack 输出的 JS 文件-->
			
 
				+<script src="./dist/bundle.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/1入门/other/1-4使用Loader/main.css
+++ b/1入门/other/1-4使用Loader/main.css
@@ -0,0 +1,3 @@
 
				+#app {
			
 
				+  text-align: center;
			
 
				+}
			
--- a/1入门/other/1-4使用Loader/main.js
+++ b/1入门/other/1-4使用Loader/main.js
@@ -0,0 +1,6 @@
 
				+// 通过 CommonJS 规范导入 css 模块
			
 
				+require('./main.css');
			
 
				+// 通过 CommonJS 规范导入 show 函数
			
 
				+const show = require('./show.js');
			
 
				+// 执行 show 函数
			
 
				+show('Webpack');
			
--- a/1入门/other/1-4使用Loader/package.json
+++ b/1入门/other/1-4使用Loader/package.json
@@ -0,0 +1,13 @@
 
				+{
			
 
				+  "name": "dive-into-webpack",
			
 
				+  "version": "1.0.0",
			
 
				+  "scripts": {
			
 
				+    "build": "webpack"
			
 
				+  },
			
 
				+  "dependencies": {},
			
 
				+  "devDependencies": {
			
 
				+    "css-loader": "^0.28.4",
			
 
				+    "style-loader": "^0.18.2",
			
 
				+    "webpack": "^3.4.0"
			
 
				+  }
			
 
				+}
			
--- a/1入门/other/1-4使用Loader/show.js
+++ b/1入门/other/1-4使用Loader/show.js
@@ -0,0 +1,7 @@
 
				+// 操作 DOM 元素，把 content 显示到网页上
			
 
				+function show(content) {
			
 
				+  window.document.getElementById('app').innerText = 'Hello,' + content;
			
 
				+}
			
 
				+
			
 
				+// 通过 CommonJS 规范导出 show 函数
			
 
				+module.exports = show;
			
--- a/1入门/other/1-4使用Loader/webpack.config.js
+++ b/1入门/other/1-4使用Loader/webpack.config.js
@@ -0,0 +1,21 @@
 
				+const path = require('path');
			
 
				+
			
 
				+module.exports = {
			
 
				+  // JS 执行入口文件
			
 
				+  entry: './main.js',
			
 
				+  output: {
			
 
				+    // 把所有依赖的模块合并输出到一个 bundle.js 文件
			
 
				+    filename: 'bundle.js',
			
 
				+    // 输出文件都放到 dist 目录下
			
 
				+    path: path.resolve(__dirname, './dist'),
			
 
				+  },
			
 
				+  module: {
			
 
				+    rules: [
			
 
				+      {
			
 
				+        // 用正则去匹配要用该 loader 转换的 css 文件
			
 
				+        test: /\.css$/,
			
 
				+        loaders: ['style-loader', 'css-loader'],
			
 
				+      }
			
 
				+    ]
			
 
				+  }
			
 
				+};
			
--- a/1入门/other/1-5使用Plugin/index.html
+++ b/1入门/other/1-5使用Plugin/index.html
@@ -0,0 +1,11 @@
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+  <link rel="stylesheet" href="./dist/main_1a87a56a.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+<div id="app"></div>
			
 
				+<!--导入 webpack 输出的 JS 文件-->
			
 
				+<script src="./dist/bundle.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/1入门/other/1-5使用Plugin/main.css
+++ b/1入门/other/1-5使用Plugin/main.css
@@ -0,0 +1,3 @@
 
				+#app {
			
 
				+  text-align: center;
			
 
				+}
			
--- a/1入门/other/1-5使用Plugin/main.js
+++ b/1入门/other/1-5使用Plugin/main.js
@@ -0,0 +1,6 @@
 
				+// 通过 CommonJS 规范导入 css 模块
			
 
				+require('./main.css');
			
 
				+// 通过 CommonJS 规范导入 show 函数
			
 
				+const show = require('./show.js');
			
 
				+// 执行 show 函数
			
 
				+show('Webpack');
			
--- a/1入门/other/1-5使用Plugin/package.json
+++ b/1入门/other/1-5使用Plugin/package.json
@@ -0,0 +1,14 @@
 
				+{
			
 
				+  "name": "dive-into-webpack",
			
 
				+  "version": "1.0.0",
			
 
				+  "scripts": {
			
 
				+    "build": "webpack"
			
 
				+  },
			
 
				+  "dependencies": {},
			
 
				+  "devDependencies": {
			
 
				+    "css-loader": "^0.28.4",
			
 
				+    "extract-text-webpack-plugin": "^3.0.0",
			
 
				+    "style-loader": "^0.18.2",
			
 
				+    "webpack": "^3.4.0"
			
 
				+  }
			
 
				+}
			
--- a/1入门/other/1-5使用Plugin/show.js
+++ b/1入门/other/1-5使用Plugin/show.js
@@ -0,0 +1,7 @@
 
				+// 操作 DOM 元素，把 content 显示到网页上
			
 
				+function show(content) {
			
 
				+  window.document.getElementById('app').innerText = 'Hello,' + content;
			
 
				+}
			
 
				+
			
 
				+// 通过 CommonJS 规范导出 show 函数
			
 
				+module.exports = show;
			
--- a/1入门/other/1-5使用Plugin/webpack.config.js
+++ b/1入门/other/1-5使用Plugin/webpack.config.js
@@ -0,0 +1,31 @@
 
				+const path = require('path');
			
 
				+const ExtractTextPlugin = require('extract-text-webpack-plugin');
			
 
				+
			
 
				+module.exports = {
			
 
				+  // JS 执行入口文件
			
 
				+  entry: './main.js',
			
 
				+  output: {
			
 
				+    // 把所有依赖的模块合并输出到一个 bundle.js 文件
			
 
				+    filename: 'bundle.js',
			
 
				+    // 输出文件都放到 dist 目录下
			
 
				+    path: path.resolve(__dirname, './dist'),
			
 
				+  },
			
 
				+  module: {
			
 
				+    rules: [
			
 
				+      {
			
 
				+        // 用正则去匹配要用该 loader 转换的 css 文件
			
 
				+        test: /\.css$/,
			
 
				+        use: ExtractTextPlugin.extract({
			
 
				+          // 转换 .css 文件需要使用的 Loader
			
 
				+          use: ['css-loader'],
			
 
				+        }),
			
 
				+      }
			
 
				+    ]
			
 
				+  },
			
 
				+  plugins: [
			
 
				+    new ExtractTextPlugin({
			
 
				+      // 从 .js 文件中提取出来的 .css 文件的名称
			
 
				+      filename: `[name]_[contenthash:8].css`,
			
 
				+    }),
			
 
				+  ]
			
 
				+};
			
--- a/1入门/other/1-6使用DevServer/index.html
+++ b/1入门/other/1-6使用DevServer/index.html
@@ -0,0 +1,10 @@
 
				+<html>
			
 
				+<head>
			
 
				+  <meta charset="UTF-8">
			
 
				+</head>
			
 
				+<body>
			
 
				+<div id="app"></div>
			
 
				+<!--导入 webpack 输出的 JS 文件-->
			
 
				+<script src="bundle.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/1入门/other/1-6使用DevServer/main.css
+++ b/1入门/other/1-6使用DevServer/main.css
@@ -0,0 +1,3 @@
 
				+#app {
			
 
				+  text-align: center;
			
 
				+}
			
--- a/1入门/other/1-6使用DevServer/main.js
+++ b/1入门/other/1-6使用DevServer/main.js
@@ -0,0 +1,6 @@
 
				+// 通过 CommonJS 规范导入 css 模块
			
 
				+require('./main.css');
			
 
				+// 通过 CommonJS 规范导入 show 函数
			
 
				+const show = require('./show.js');
			
 
				+// 执行 show 函数
			
 
				+show('Webpack');
			
--- a/1入门/other/1-6使用DevServer/package.json
+++ b/1入门/other/1-6使用DevServer/package.json
@@ -0,0 +1,14 @@
 
				+{
			
 
				+  "name": "dive-into-webpack",
			
 
				+  "version": "1.0.0",
			
 
				+  "scripts": {
			
 
				+    "build": "webpack-dev-server --hot --devtool source-map"
			
 
				+  },
			
 
				+  "dependencies": {},
			
 
				+  "devDependencies": {
			
 
				+    "css-loader": "^0.28.4",
			
 
				+    "style-loader": "^0.18.2",
			
 
				+    "webpack": "^3.4.0",
			
 
				+    "webpack-dev-server": "^2.6.1"
			
 
				+  }
			
 
				+}
			
--- a/1入门/other/1-6使用DevServer/show.js
+++ b/1入门/other/1-6使用DevServer/show.js
@@ -0,0 +1,7 @@
 
				+// 操作 DOM 元素，把 content 显示到网页上
			
 
				+function show(content) {
			
 
				+  window.document.getElementById('app').innerText = 'Hello,' + content;
			
 
				+}
			
 
				+
			
 
				+// 通过 CommonJS 规范导出 show 函数
			
 
				+module.exports = show;
			
--- a/1入门/other/1-6使用DevServer/webpack.config.js
+++ b/1入门/other/1-6使用DevServer/webpack.config.js
@@ -0,0 +1,21 @@
 
				+const path = require('path');
			
 
				+
			
 
				+module.exports = {
			
 
				+  // JS 执行入口文件
			
 
				+  entry: './main.js',
			
 
				+  output: {
			
 
				+    // 把所有依赖的模块合并输出到一个 bundle.js 文件
			
 
				+    filename: 'bundle.js',
			
 
				+    // 输出文件都放到 dist 目录下
			
 
				+    path: path.resolve(__dirname, './dist'),
			
 
				+  },
			
 
				+  module: {
			
 
				+    rules: [
			
 
				+      {
			
 
				+        // 用正则去匹配要用该 loader 转换的 css 文件
			
 
				+        test: /\.css$/,
			
 
				+        loaders: ['style-loader', 'css-loader'],
			
 
				+      }
			
 
				+    ]
			
 
				+  }
			
 
				+};
			
--- a/2-9多种配置类型.zip
+++ b/2-9多种配置类型.zip
--- a/2配置/2-10配置总结.html
+++ b/2配置/2-10配置总结.html
--- a/2配置/2-1Entry.html
+++ b/2配置/2-1Entry.html
--- a/2配置/2-2Output.html
+++ b/2配置/2-2Output.html
--- a/2配置/2-3Module.html
+++ b/2配置/2-3Module.html
--- a/2配置/2-4Resolve.html
+++ b/2配置/2-4Resolve.html
--- a/2配置/2-5Plugins.html
+++ b/2配置/2-5Plugins.html
--- a/2配置/2-6DevServer.html
+++ b/2配置/2-6DevServer.html
--- a/2配置/2-7其它配置项.html
+++ b/2配置/2-7其它配置项.html
--- a/2配置/2-8整体配置结构.html
+++ b/2配置/2-8整体配置结构.html
--- a/2配置/2-9多种配置类型.html
+++ b/2配置/2-9多种配置类型.html
--- a/2配置/index.html
+++ b/2配置/index.html
--- a/2配置/other/2-9多种配置类型/main.js
+++ b/2配置/other/2-9多种配置类型/main.js
--- a/2配置/other/2-9多种配置类型/package.json
+++ b/2配置/other/2-9多种配置类型/package.json
@@ -0,0 +1,12 @@
 
				+{
			
 
				+  "name": "dive-into-webpack",
			
 
				+  "version": "1.0.0",
			
 
				+  "scripts": {
			
 
				+    "build:dev": "webpack",
			
 
				+    "build:dist": "webpack --env.production"
			
 
				+  },
			
 
				+  "dependencies": {},
			
 
				+  "devDependencies": {
			
 
				+    "webpack": "^3.4.0"
			
 
				+  }
			
 
				+}
			
--- a/2配置/other/2-9多种配置类型/webpack.config.js
+++ b/2配置/other/2-9多种配置类型/webpack.config.js
@@ -0,0 +1,45 @@
 
				+const path = require('path');
			
 
				+const UglifyJsPlugin = require('webpack/lib/optimize/UglifyJsPlugin');
			
 
				+
			
 
				+module.exports = function (env = {}, argv) {
			
 
				+  const plugins = [];
			
 
				+
			
 
				+  const isProduction = env['production'];
			
 
				+
			
 
				+  // 在生成环境才压缩
			
 
				+  if (isProduction) {
			
 
				+    plugins.push(
			
 
				+      // 压缩输出的 JS 代码
			
 
				+      new UglifyJsPlugin({
			
 
				+        // 最紧凑的输出
			
 
				+        beautify: false,
			
 
				+        // 删除所有的注释
			
 
				+        comments: false,
			
 
				+        compress: {
			
 
				+          // 在UglifyJs删除没有用到的代码时不输出警告
			
 
				+          warnings: false,
			
 
				+          // 删除所有的 `console` 语句，可以兼容ie浏览器
			
 
				+          drop_console: true,
			
 
				+          // 内嵌定义了但是只用到一次的变量
			
 
				+          collapse_vars: true,
			
 
				+          // 提取出出现多次但是没有定义成变量去引用的静态值
			
 
				+          reduce_vars: true,
			
 
				+        }
			
 
				+      })
			
 
				+    )
			
 
				+  }
			
 
				+
			
 
				+  return {
			
 
				+    // JS 执行入口文件
			
 
				+    entry: './main.js',
			
 
				+    output: {
			
 
				+      // 把所有依赖的模块合并输出到一个 bundle.js 文件
			
 
				+      filename: 'bundle.js',
			
 
				+      // 输出文件都放到 dist 目录下
			
 
				+      path: path.resolve(__dirname, './dist'),
			
 
				+    },
			
 
				+    plugins: plugins,
			
 
				+    // 在生成环境不输出 Source Map
			
 
				+    devtool: isProduction ? undefined : 'source-map',
			
 
				+  };
			
 
				+}
			
--- a/3-10管理多个单页应用.zip
+++ b/3-10管理多个单页应用.zip
--- a/3-11构建同构应用.zip
+++ b/3-11构建同构应用.zip
--- a/3-12构建Electron应用.zip
+++ b/3-12构建Electron应用.zip
--- a/3-13构建Npm库.zip
+++ b/3-13构建Npm库.zip
--- a/3-14构建离线应用.zip
+++ b/3-14构建离线应用.zip
--- a/3-15搭配NpmScript.zip
+++ b/3-15搭配NpmScript.zip
--- a/3-17通过Node.jsAPI启动Webpack.zip
+++ b/3-17通过Node.jsAPI启动Webpack.zip
--- a/3-18使用WebpackDevMiddleware.zip
+++ b/3-18使用WebpackDevMiddleware.zip
--- a/3-19加载图片file-loader.zip
+++ b/3-19加载图片file-loader.zip
--- a/3-1使用ES6语言.zip
+++ b/3-1使用ES6语言.zip
--- a/3-20加载SVG-raw-loader.zip
+++ b/3-20加载SVG-raw-loader.zip
--- a/3-20加载SVG-svg-inline-loader.zip
+++ b/3-20加载SVG-svg-inline-loader.zip
--- a/3-2使用TypeScript语言.zip
+++ b/3-2使用TypeScript语言.zip
--- a/3-3使用Flow检查器.zip
+++ b/3-3使用Flow检查器.zip
--- a/3-4使用SCSS语言.zip
+++ b/3-4使用SCSS语言.zip
--- a/3-5使用PostCSS.zip
+++ b/3-5使用PostCSS.zip
--- a/3-6使用React框架Babel.zip
+++ b/3-6使用React框架Babel.zip
--- a/3-6使用React框架TypeScript.zip
+++ b/3-6使用React框架TypeScript.zip
--- a/3-7使用Vue框架Babel.zip
+++ b/3-7使用Vue框架Babel.zip
--- a/3-7使用Vue框架TypeScript.zip
+++ b/3-7使用Vue框架TypeScript.zip
--- a/3-8使用Angular2框架.zip
+++ b/3-8使用Angular2框架.zip
--- a/3-9为单页应用生成HTML.zip
+++ b/3-9为单页应用生成HTML.zip
--- a/3实战/3-10管理多个单页应用.html
+++ b/3实战/3-10管理多个单页应用.html
--- a/3实战/3-11构建同构应用.html
+++ b/3实战/3-11构建同构应用.html
--- a/3实战/3-12构建Electron应用.html
+++ b/3实战/3-12构建Electron应用.html
--- a/3实战/3-13构建Npm模块.html
+++ b/3实战/3-13构建Npm模块.html
--- a/3实战/3-14构建离线应用.html
+++ b/3实战/3-14构建离线应用.html
--- a/3实战/3-15搭配NpmScript.html
+++ b/3实战/3-15搭配NpmScript.html
--- a/3实战/3-16检查代码.html
+++ b/3实战/3-16检查代码.html
--- a/3实战/3-17通过Node.jsAPI启动Webpack.html
+++ b/3实战/3-17通过Node.jsAPI启动Webpack.html
--- a/3实战/3-18使用WebpackDevMiddleware.html
+++ b/3实战/3-18使用WebpackDevMiddleware.html
--- a/3实战/3-19加载图片.html
+++ b/3实战/3-19加载图片.html
--- a/3实战/3-1使用ES6语言.html
+++ b/3实战/3-1使用ES6语言.html
--- a/3实战/3-20加载SVG.html
+++ b/3实战/3-20加载SVG.html
--- a/3实战/3-21加载SourceMap.html
+++ b/3实战/3-21加载SourceMap.html
--- a/3实战/3-22实战总结.html
+++ b/3实战/3-22实战总结.html
--- a/3实战/3-2使用TypeScript语言.html
+++ b/3实战/3-2使用TypeScript语言.html
--- a/3实战/3-3使用Flow检查器.html
+++ b/3实战/3-3使用Flow检查器.html
--- a/3实战/3-4使用SCSS语言.html
+++ b/3实战/3-4使用SCSS语言.html
--- a/3实战/3-5使用PostCSS.html
+++ b/3实战/3-5使用PostCSS.html
--- a/3实战/3-6使用React框架.html
+++ b/3实战/3-6使用React框架.html
--- a/3实战/3-7使用Vue框架.html
+++ b/3实战/3-7使用Vue框架.html
--- a/3实战/3-8使用Angular2框架.html
+++ b/3实战/3-8使用Angular2框架.html
--- a/3实战/3-9为单页应用生成HTML.html
+++ b/3实战/3-9为单页应用生成HTML.html
--- a/3实战/index.html
+++ b/3实战/index.html
--- a/3实战/other/3-10管理多个单页应用/.babelrc
+++ b/3实战/other/3-10管理多个单页应用/.babelrc
@@ -0,0 +1,6 @@
 
				+{
			
 
				+  "presets": [
			
 
				+    "env",
			
 
				+    "react"
			
 
				+  ]
			
 
				+}
			
--- a/3实战/other/3-10管理多个单页应用/common.css
+++ b/3实战/other/3-10管理多个单页应用/common.css
@@ -0,0 +1,3 @@
 
				+h1 {
			
 
				+  color: red;
			
 
				+}
			
--- a/3实战/other/3-10管理多个单页应用/google_analytics.js
+++ b/3实战/other/3-10管理多个单页应用/google_analytics.js
@@ -0,0 +1,6 @@
 
				+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			
 
				+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			
 
				+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			
 
				+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
			
 
				+ga('create', 'UA-XXXXX-Y', 'auto');
			
 
				+ga('send', 'pageview');