init

manifest.json

@@ -68,5 +68,16 @@
     "uniStatistics" : {
         "enable" : false
     },
-    "vueVersion" : "2"
+    "vueVersion" : "2",
+	"h5" : {
+	    "devServer" : {
+	        "port" : 8080,
+	        "https" : false,
+	        "disableHostCheck" : true
+	    },
+	    "router" : {
+	        "base" : "./"
+	    },
+	    "title" : "加载中..."
+	}
 }

package.json

@@ -0,0 +1,50 @@
+{
+	"dependencies": {
+		"compression-webpack-plugin": "^8.0.1",
+		"echarts": "^5.3.2",
+		"hls.js": "^0.14.11",
+		"vue-cli": "^2.9.6",
+		"vue-cropper": "^0.5.6",
+		"vuex": "^3.6.2",
+		"weixin-js-sdk": "^1.6.0"
+	},
+	"devDependencies": {
+		"@vue/cli-plugin-babel": "^4.0.0",
+		"@vue/cli-plugin-eslint": "^4.0.0",
+		"@vue/cli-service": "^4.0.0",
+		"babel-eslint": "^10.0.3",
+		"eslint": "^5.16.0",
+		"eslint-plugin-vue": "^5.0.0",
+		"node-sass": "^5.0.0",
+		"sass-loader": "^11.0.1",
+		"vue-template-compiler": "^2.6.10"
+	},
+	"uni-app": {
+		"scripts": {
+			"test-platform": {
+				"title": "test",
+				"BROWSER": "Chrome",
+				"env": {
+					"UNI_PLATFORM": "h5",
+					"NODE_NAME": "test"
+				},
+				"define": {
+					"CUSTOM-CONST": true,
+					"NODE_NAME_T": "test"
+				}
+			},
+			"production-platform": {
+				"title": "production",
+				"BROWSER": "Chrome",
+				"env": {
+					"UNI_PLATFORM": "h5",
+					"NODE_NAME": "production"
+				},
+				"define": {
+					"CUSTOM-CONST": true,
+					"NODE_NAME_T": "production"
+				}
+			}
+		}
+	}
+}

uni.scss

@@ -1,76 +1,2 @@
-/**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
-
-/**
- * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
- */
-
-/* 颜色变量 */
-
-/* 行为相关颜色 */
-$uni-color-primary: #007aff;
-$uni-color-success: #4cd964;
-$uni-color-warning: #f0ad4e;
-$uni-color-error: #dd524d;
-
-/* 文字基本颜色 */
-$uni-text-color:#333;//基本色
-$uni-text-color-inverse:#fff;//反色
-$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
-$uni-text-color-placeholder: #808080;
-$uni-text-color-disable:#c0c0c0;
-
-/* 背景颜色 */
-$uni-bg-color:#ffffff;
-$uni-bg-color-grey:#f8f8f8;
-$uni-bg-color-hover:#f1f1f1;//点击状态颜色
-$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
-
-/* 边框颜色 */
-$uni-border-color:#c8c7cc;
-
-/* 尺寸变量 */
-
-/* 文字尺寸 */
-$uni-font-size-sm:12px;
-$uni-font-size-base:14px;
-$uni-font-size-lg:16;
 
-/* 图片尺寸 */
-$uni-img-size-sm:20px;
-$uni-img-size-base:26px;
-$uni-img-size-lg:40px;
-
-/* Border Radius */
-$uni-border-radius-sm: 2px;
-$uni-border-radius-base: 3px;
-$uni-border-radius-lg: 6px;
-$uni-border-radius-circle: 50%;
-
-/* 水平间距 */
-$uni-spacing-row-sm: 5px;
-$uni-spacing-row-base: 10px;
-$uni-spacing-row-lg: 15px;
-
-/* 垂直间距 */
-$uni-spacing-col-sm: 4px;
-$uni-spacing-col-base: 8px;
-$uni-spacing-col-lg: 12px;
-
-/* 透明度 */
-$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
-
-/* 文章场景相关 */
-$uni-color-title: #2C405A; // 文章标题颜色
-$uni-font-size-title:20px;
-$uni-color-subtitle: #555555; // 二级标题颜色
-$uni-font-size-subtitle:26px;
-$uni-color-paragraph: #3F536E; // 文章段落颜色
-$uni-font-size-paragraph:15px;
+@import '@/uni_modules/uview-ui/theme.scss';

vue.config.js

@@ -0,0 +1,100 @@
+if(process.env.NODE_ENV === "production"){
+	const Templates = process.UNI_SCRIPT_DEFINE;
+	
+	const path = require('path');
+	const webpack = require('webpack')
+	
+	const CompressionWebpackPlugin = require("compression-webpack-plugin")
+	const productionGzipExtensions = ['js', 'css']
+	
+	function resolve(dir) {
+		return path.join(__dirname, dir)
+	}
+	
+	const Timestamp = new Date().getTime();
+	module.exports = {
+		publicPath: './',
+		outputDir: 'dist/' ,
+		assetsDir: 'static',
+		lintOnSave: false,
+		devServer: {
+			host: 'xpgj.xiaoxinda.com',
+			port: 80,
+			//解析缓存
+			disableHostCheck: true,
+			//支持gzip
+			compress: true,
+		},
+		//不输出map
+		productionSourceMap: false,
+		chainWebpack: (config) => {
+			config.entry.app = ['babel-polyfill', './src/main.js']
+			config.resolve.alias
+				.set('@', resolve('./static/'))
+	
+			config.plugins.delete('preload-index');
+			config.plugins.delete('prefetch-index');
+			
+			config.module.rule('images')
+			           .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
+			           .use('url-loader')
+			           .loader('file-loader')
+			           .options({
+			               name: 'static/img/[name].[hash:8].[ext]'
+			           })
+					
+			config.optimization.minimize(true);
+		},
+		configureWebpack: config => {
+			/* //开启gzip压缩,需要配置Nginx服务器gzip选项开启
+			config.plugins.push(
+				new CompressionWebpackPlugin({
+					filename: '[path].gz[query]',
+					algorithm: 'gzip',
+					test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
+					threshold: 10240,
+					minRatio: 0.8
+				})
+			); */
+	
+				config.plugins.push(new webpack.ProgressPlugin(percentage => {
+				
+				
+					var NODE_NAME_T="";
+					if(Templates){
+						NODE_NAME_T=Templates['NODE_NAME_T']
+					}
+						percentage === 1 ? console.log('编译完成：100.00%') : console.log(`编译${NODE_NAME_T}进度：${(percentage * 100).toFixed(2)}%,提示！构建请点击‘发行’-‘自定义发行’`)
+				}));
+			config.output.filename = `./static/js/[name].${Timestamp}.js`
+			config.output.chunkFilename = `./static/js/[name].${Timestamp}.js`
+	
+			config.performance = {
+				hints: 'warning',
+				//入口起点的最大体积 整数类型（以字节为单位）
+				maxEntrypointSize: 50000000,
+				//生成文件的最大体积 整数类型（以字节为单位 300k）
+				maxAssetSize: 30000000,
+				//只给出 js 文件的性能提示
+				assetFilter: function(assetFilename) {
+					return assetFilename.endsWith('.js');
+				}
+			}
+		},
+		css: {
+			extract: {
+				filename: `./static/css/[name].${Timestamp}.css`,
+				chunkFilename: `./static/css/[name].${Timestamp}.css`
+			},
+			sourceMap: false,
+			loaderOptions: {
+				// 给 sass-loader 传递选项
+				sass: {
+					// @/ 是 src/ 的别名
+					// prependData: `@import "@/assets/scss/base.scss";`
+				}
+			}
+		}
+	};
+	
+}