update20220212 第一版完成，接下来进行版本迭代

Author: lony2003

.gitignore

@@ -0,0 +1,3 @@
+build/node_modules/
+.idea/
+

build/.csscomb.json

@@ -0,0 +1,24 @@
+{
+    "remove-empty-rulesets": true,
+    "always-semicolon": true,
+    "color-case": "lower",
+    "block-indent": "\t",
+    "color-shorthand": true,
+    "element-case": "lower",
+    "eof-newline": true,
+    "leading-zero": true,
+    "quotes": "double",
+    "sort-order-fallback": "abc",
+    "space-before-colon": " ",
+    "space-after-colon": " ",
+    "space-before-combinator": " ",
+    "space-after-combinator": " ",
+    "space-between-declarations": "\n",
+    "space-before-opening-brace": "",
+    "space-after-opening-brace": "\n",
+    "space-after-selector-delimiter": " ",
+    "space-before-selector-delimiter": " ",
+    "space-before-closing-brace": "\n",
+    "strip-spaces": true,
+    "vendor-prefix-align": true
+}

build/gulpfile.js

@@ -1,21 +1,65 @@
-const { src, dest, parallel } = require('gulp');
+const {src, dest, parallel} = require('gulp');
 
 const concat = require('gulp-concat');
 const uglify = require('gulp-uglify');
 const rename = require('gulp-rename');
+const cssmin = require('gulp-clean-css');
+const autoprefix = require('gulp-autoprefixer');
+const replace = require('gulp-replace');
+const csscomb = require('gulp-csscomb');
+const fs = require('fs');
 
 
 function js() {
-  return src('../src/*.js')
-    .pipe(concat('fplayer.js'))
-    .pipe(dest('../dist/'))
-    .pipe(uglify({
-        mangle:true
-    }))
-    .pipe(rename({extname: '.min.js'}))
-    .pipe(dest('../dist/'))
+    return src('../src/js/*.js')
+        .pipe(concat('fplayer.js'))
+        .pipe(replace(/{{icon:([\S]+)}}/g, function (match, p1) {
+            let fd = fs.openSync('../src/icon/' + p1 + '.svg','r');
+            let result = '';
+            do{
+                var buf = Buffer.alloc(5);
+                buf.fill();
+                var bytes = fs.readSync(fd,buf,null,5);
+                result += buf.slice(0, bytes).toString();
+            }while(bytes>0);
+            fs.closeSync(fd);
+            return result;
+        }))
+        .pipe(dest('../dist/'))
+        .pipe(uglify({
+            mangle: true
+        }))
+        .pipe(rename({extname: '.min.js'}))
+        .pipe(dest('../dist/'))
+}
+
+function css() {
+    return src('../src/css/*.css')
+        .pipe(concat('fplayer.css'))
+        .pipe(replace(/{{icon:([\S]+)}}/g, function (match, p1) {
+            let fd = fs.openSync('../src/icon/' + p1 + '.svg','r');
+            let result = '';
+            do{
+                var buf = Buffer.alloc(5);
+                buf.fill();
+                var bytes = fs.readSync(fd,buf,null,5);
+                result += buf.slice(0, bytes).toString();
+            }while(bytes>0);
+            fs.closeSync(fd);
+            return result;
+        }))
+        .pipe(autoprefix({ //通过autoprefix自动添加兼容各大浏览器的样式前缀，例如-webkit-，-o-
+            overrideBrowserslist: ['since 2018'], //兼容最新20个版本
+            cascade: false
+        }))
+        .pipe(csscomb())
+        .pipe(dest('../dist/'))
+        .pipe(cssmin())
+        .pipe(rename({extname: '.min.css'}))
+        .pipe(dest('../dist/'))
 }
 
 exports.js = js;
-exports.default = parallel(js);
+exports.css = css;
+exports.default = parallel(js, css);