refactor(tailwindcss): tailwindcss CDN引入；移除相关配置文件及包；开启treeShaking

4 years ago · 15485a0ac5
9 changed files with 26 additions and 157 deletions
--- a/.eslintignore
+++ b/.eslintignore
@ -10,3 +10,4 @@ postcss.config.js
 vue.config.js
 src/common/styles/index.css
 src/pages.json
+src/manifest.json
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -210,6 +210,7 @@
 v3.0.1 | tall api 地址从1.0改成了3.0 | db5afd5
 信息配置 | 配置eslint等配置 | 7421443
 - | 修复不能build的问题 | 0b7b91e
+ - | 删除vuedragable及修改运行端口为9000 | c864f91
 - | 删除多余的构建的命令 | 3f4eb2f


--- a/package.json
+++ b/package.json
@ -29,12 +29,6 @@
    "@dcloudio/uni-h5": "^2.0.0-31920210709003",
    "@dcloudio/uni-helper-json": "*",
    "@dcloudio/uni-i18n": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-360": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-alipay": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-baidu": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-kuaishou": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-qq": "^2.0.0-31920210709003",
-    "@dcloudio/uni-mp-toutiao": "^2.0.0-31920210709003",
    "@dcloudio/uni-mp-vue": "^2.0.0-31920210709003",
    "@dcloudio/uni-mp-weixin": "^2.0.0-31920210709003",
    "@dcloudio/uni-quickapp-native": "^2.0.0-31920210709003",
@ -62,7 +56,6 @@
    "@dcloudio/vue-cli-plugin-uni-optimize": "^2.0.0-31920210709003",
    "@dcloudio/webpack-uni-mp-loader": "^2.0.0-31920210709003",
    "@dcloudio/webpack-uni-pages-loader": "^2.0.0-31920210709003",
-    "@tailwindcss/postcss7-compat": "^2.2.7",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
@ -87,13 +80,11 @@
    "miniprogram-api-typings": "*",
    "node-sass": "^4.14.1",
    "postcss": "^7.0.36",
-    "postcss-class-rename": "^1.0.1",
    "postcss-comment": "^2.0.0",
    "prettier": "^2.2.1",
    "puppeteer": "^10.2.0",
    "right-pad": "^1.0.1",
    "sass-loader": "^8.0.2",
-    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.7",
    "vue-cli-plugin-commitlint": "~1.0.12",
    "vue-template-compiler": "^2.6.11"
  },
--- a/postcss.config.js
+++ b/postcss.config.js
@ -1,38 +1,21 @@
-const path = require('path');
-
-module.exports = {
-  parser: require('postcss-comment'),
-  plugins: [
-    require('postcss-import')({
-      resolve(id, basedir, importOptions) {
-        if (id.startsWith('~@/')) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3));
-        } else if (id.startsWith('@/')) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2));
-        } else if (id.startsWith('/') && !id.startsWith('//')) {
-          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1));
-        }
-        return id;
-      },
-    }),
-    // require('autoprefixer')({ remove: process.env.UNI_PLATFORM !== 'h5' }),
-    require('@dcloudio/vue-cli-plugin-uni/packages/postcss'),
-    require('tailwindcss')({ config: "./tailwind.config.js" }),
-    ...(
-      process.env.UNI_PLATFORM !== 'h5'
-        ? [
-          require("postcss-class-rename")({
-              "\\\\:": "--",
-              "\\\\/": "--",
-              "\\\\.": "--",
-              ".:": "--",
-              "\\\*": "--",
-            })
-        ] : [
-            require("autoprefixer")({
-              remove: true,
-            }),
-          ]
-    )
-  ],
-};
+const path = require('path');
+
+module.exports = {
+  parser: require('postcss-comment'),
+  plugins: [
+    require('postcss-import')({
+      resolve(id, basedir, importOptions) {
+        if (id.startsWith('~@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(3));
+        } else if (id.startsWith('@/')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(2));
+        } else if (id.startsWith('/') && !id.startsWith('//')) {
+          return path.resolve(process.env.UNI_INPUT_DIR, id.substr(1));
+        }
+        return id;
+      },
+    }),
+    require('autoprefixer')({ remove: process.env.UNI_PLATFORM !== 'h5' }),
+    require('@dcloudio/vue-cli-plugin-uni/packages/postcss'),
+  ],
+};
--- a/public/index.html
+++ b/public/index.html
@ -14,6 +14,7 @@
            var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')
        </script>
+        <link rel="stylesheet" href="https://unpkg.com/tailwindcss@2.2.7/dist/tailwind.min.css">
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
    </head>

--- a/src/common/styles/index.css
+++ b/src/common/styles/index.css
@ -1,6 +0,0 @@
-/* ./src/common/styles/index.css */
-
-/*! @import */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
--- a/src/main.js
+++ b/src/main.js
@ -1,5 +1,3 @@
-import './common/styles/index.css';
-
 import App from './App';
 import Tall from '@/utils/tall';
 import Vue from 'vue';
--- a/src/manifest.json
+++ b/src/manifest.json
@ -1,80 +1,10 @@
 {
-  "name": "",
+  "name": "TALL",
  "appid": "wx356e01c7eb01d55d",
  "description": "",
  "versionName": "1.0.0",
  "versionCode": "100",
  "transformPx": false,
-  "app-plus": {
-    /* 5+App特有相关 */ "usingComponents": true,
-    "splashscreen": {
-      "alwaysShowBeforeRender": true,
-      "waiting": true,
-      "autoclose": true,
-      "delay": 0
-    },
-    "modules": {
-      /* 模块配置 */
-    },
-    "distribute": {
-      /* 应用发布信息 */
-      "android": {
-        /* android打包配置 */
-        "permissions": [
-          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-          "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
-          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-          "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-          "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
-          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-          "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
-          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-          "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
-          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
-          "<uses-feature android:name=\"android.hardware.camera\"/>",
-          "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
-          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-        ]
-      },
-      "ios": {
-        /* ios打包配置 */
-      },
-      "sdkConfigs": {
-        /* SDK配置 */
-      }
-    }
-  },
-  "quickapp": {
-    /* 快应用特有相关 */
-  },
-  "mp-weixin": {
-    "appid": "wx356e01c7eb01d55d",
-    "setting": {
-      "urlCheck": false
-    },
-    "usingComponents": true
-  },
-  "mp-alipay": {
-    "usingComponents": true
-  },
-  "mp-baidu": {
-    "usingComponents": true
-  },
-  "mp-toutiao": {
-    "usingComponents": true
-  },
-  "mp-qq": {
-    "usingComponents": true
-  },
  "h5": {
    "router": {
      "base": "/tall/v3.0.1"
@ -85,7 +15,7 @@
    },
    "optimization": {
      "treeShaking": {
-        "enable": false
+        "enable": true
      }
    }
  }
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -1,30 +0,0 @@
-const colors = require('tailwindcss/colors');
-
-module.exports = {
-  // purge: ['./public/index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {},
-    colors: {
-      blue: colors.sky,
-      gray: colors.blueGray,
-      red: colors.red,
-      orange: colors.orange,
-      yellow: colors.yellow,
-      green: colors.green,
-      pink: colors.rose,
-      white: colors.white,
-      black: '#333',
-      transparent: 'transparent',
-    },
-  },
-  variants: { extend: {} },
-  plugins: [],
-  corePlugins: {
-    space: false,
-    divideWidth: false,
-    divideColor: false,
-    divideStyle: false,
-    divideOpacity: false,
-  },
-};