@cloudbase/framework-plugin-low-code 1.0.3-beta.1 → 1.0.3-beta.12

package/template/src/utils/request.js

@@ -1,5 +0,0 @@
-import axios from 'axios'
-
-export const request = axios
-
-export { axios }

package/template/webpack/devServer.js

@@ -1,119 +0,0 @@
-const webpackDevServer = require('webpack-dev-server')
-const webpack = require('webpack')
-const os = require('os')
-const fs = require('fs')
-const path = require('path')
-const argv = require('yargs').argv
-const config = require('./webpack.web.prod')
-const { appConfig } = require('../mainAppData.json')
-const { window = {} } = appConfig
-const isApp = <%=isApp %>
-
-
-function getDevServerConf() {
-  if (!argv.devServerConf) {
-    return {}
-  }
-  if (!argv.devServerConf.endsWith('.js')) {
-    console.error('参数请输入 --devServerConf config.js')
-  } else {
-    const devServerConfPath = path.resolve(process.cwd(), argv.devServerConf || '')
-    if (!fs.existsSync(devServerConfPath)) {
-      console.error(devServerConfPath, 'does not exists')
-      return {}
-    }
-    let conf = require(devServerConfPath)
-    if (!conf || typeof conf !== 'object') {
-      console.error(devServerConfPath, 'must have module.exports={}')
-    } else {
-      return conf
-    }
-  }
-  return {}
-}
-
-// const openBrowser = require('open');
-function getIPAdress() {
-  const interfaces = os.networkInterfaces()
-  for (const devName in interfaces) {
-    const iface = interfaces[devName]
-    for (let i = 0; i < iface.length; i++) {
-      const alias = iface[i]
-      if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
-        return alias.address
-      }
-    }
-  }
-}
-
-const port = 8001
-const ip = getIPAdress()
-let basename = ''
-let publicPath = ''
-if (!isApp) {
-  basename = window.basename || ''
-  if (basename.startsWith('/')) {
-    basename = basename.replace('/', '')
-  }
-  publicPath = window.publicPath || ''
-}
-
-console.log('>>>>>>>>>>>>>>>>>>>>> basename is ', basename)
-console.log('>>>>>>>>>>>>>>>>>>>>> publicPath is:', publicPath)
-const options = {
-  hot: true,
-  host: ip,
-  hotOnly: true,
-  historyApiFallback: {
-    verbose: true,
-    rewrites: [
-      {
-        from: /^\/(.*)\.(css|js)$/,
-        to: function(context) {
-          //  /^\/([^\.]*)\.(css|js)$/
-          console.log('>>>>>>>>>>>>>>>>> got in css|js!', context.parsedUrl.pathname)
-          const { assets = [] } = window
-          const isInAssets = assets.includes(context.parsedUrl.pathname)
-          return context.parsedUrl.pathname.replace(publicPath, '/')
-        },
-      },
-      {
-        from: new RegExp(`${basename}\/?(.*)$`),
-        to: function(context) {
-          console.log('>>>>>>>>>>>>>>>>> got in html!')
-          return 'index.html'
-        },
-      },
-    ],
-  },
-  contentBase: [path.join(__dirname, 'assets')],
-  watchOptions: {
-    poll: 600,
-    ignored: /node_modules|preview|dist|html|webpack|gsd-kbone-react/,
-  },
-  open: {
-    app: ['Google Chrome', '--incognito', '--other-flag'],
-  },
-  openPage: basename,
-  disableHostCheck: true,
-  compress: true
-}
-
-function startDevServer(conf) {
-  console.log('start startDevServer in webpack, env:', process.env.NODE_PATH)
-  let _options = Object.assign(options, conf)
-  console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>')
-  console.log('Current webpack-dev-server config is: ')
-  console.log(_options)
-  console.log('<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<')
-  webpackDevServer.addDevServerEntrypoints(config, _options)
-
-  const compiler = webpack(config)
-  const server = new webpackDevServer(compiler, _options)
-
-  server.listen(port, '0.0.0.0', () => {
-    console.log(`调试环境端口启动在  http://${ip}:${port}/${basename}`)
-  })
-}
-
-startDevServer(getDevServerConf())

package/template/webpack/getCSSModuleLocalIdent.js

@@ -1,28 +0,0 @@
-// Stolen from https://github.com/facebook/create-react-app/blob/cee26589ff919e946030a5651a93ccba78a93293/packages/react-dev-utils/getCSSModuleLocalIdent.js
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-const loaderUtils = require('loader-utils');
-const path = require('path');
-
-module.exports = function getLocalIdent(context, localIdentName, localName, options) {
-  // Use the filename or folder name, based on some uses the index.js / index.module.(css|scss|sass) project style
-  const fileNameOrFolder = context.resourcePath.match(/index\.module\.(css|scss|sass)$/) ? '[folder]' : '[name]';
-  // Create a hash based on a the file location and class name. Will be unique across a project, and close to globally unique.
-  const hash = loaderUtils.getHashDigest(
-    path.posix.relative(context.rootContext, context.resourcePath) + localName,
-    'md5',
-    'base64',
-    5,
-  );
-  // Use loaderUtils to find the file or folder name
-  const className = loaderUtils.interpolateName(context, fileNameOrFolder + '_' + localName + '__' + hash, options);
-  // Remove the .module that appears in every classname when based on the file and replace all "." with "_".
-  return className.replace('.module_', '_').replace(/\./g, '_');
-};

package/template/webpack/web.prod.js

@@ -1,306 +0,0 @@
-const path = require('path');
-const webpack = require('webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const themeVars = require('./themeVars');
-const getCSSModuleLocalIdent = require('./getCSSModuleLocalIdent');
-const HappyPack = require('happypack');
-const core = 4;
-const happyThreadPool = HappyPack.ThreadPool({ size: core });
-
-const TS_LOADER_ID = 'ts-loader';
-module.exports = function (options) {
-  const {
-    context,
-    entry,
-    output,
-    watch,
-    externals,
-    resolveModules,
-    htmlTemplatePath,
-    htmlTemplateData = {
-      meta: {},
-    },
-    definePlugin = {},
-    devtool = false,
-  } = options;
-
-  const babelLoader = {
-    loader: 'babel-loader',
-    options: {
-      compact: false,
-      cacheDirectory: true,
-      cwd: context,
-      presets: [
-        [
-          '@babel/preset-env',
-          {
-            modules: false,
-            targets: {
-              // esmodules: true,
-              browsers: ['defaults', 'iOS >= 10', 'safari >= 10'],
-            },
-          },
-        ],
-        '@babel/preset-react',
-      ],
-      plugins: [
-        [
-          'babel-plugin-import',
-          {
-            libraryName: '@govcloud/gsd-kbone-react',
-            libraryDirectory: 'lib/components',
-            camel2DashComponentName: false,
-          },
-        ],
-        '@babel/plugin-proposal-class-properties',
-        ['@babel/plugin-proposal-decorators', { legacy: true }],
-        '@babel/plugin-proposal-export-default-from',
-        '@babel/plugin-proposal-export-namespace-from',
-        '@babel/plugin-proposal-optional-chaining',
-        '@babel/plugin-proposal-partial-application',
-        ['@babel/plugin-proposal-pipeline-operator', { proposal: 'minimal' }],
-      ].filter(Boolean),
-    },
-  };
-  const typescriptLoader = {
-    loader: 'ts-loader',
-    options: {
-      compilerOptions: {
-        target: 'ESNext',
-        module: 'ESNext',
-        esModuleInterop: true,
-      },
-      happyPackMode: true,
-      transpileOnly: true,
-    },
-  };
-
-  let plugins = [
-    new HappyPack({
-      id: 'vue',
-      cache: true,
-      verbose: true,
-      loaders: [
-        babelLoader,
-        typescriptLoader,
-        {
-          loader: 'vue-loader',
-          options: {
-            threadMode: true,
-            loaders: {
-              js: [babelLoader],
-              ts: [babelLoader, typescriptLoader],
-            },
-          },
-        },
-      ],
-      threadPool: happyThreadPool,
-    }),
-    new HappyPack({
-      id: TS_LOADER_ID,
-      loaders: [babelLoader, typescriptLoader],
-      threadPool: happyThreadPool,
-    }),
-    new HappyPack({
-      id: 'babel',
-      loaders: [babelLoader],
-      threadPool: happyThreadPool,
-    }),
-    new HtmlWebpackPlugin({
-      template: htmlTemplatePath,
-      filename: 'index.html',
-      cache: false,
-      templateParameters: htmlTemplateData,
-    }),
-    new MiniCssExtractPlugin({
-      filename: '[name].[contenthash].css',
-      chunkFilename: '[id].[contenthash].css',
-    }),
-    new webpack.DefinePlugin(
-      Object.assign(
-        {
-          'process.env.isMiniprogram': false, // 注入环境变量，用于业务代码判断
-          'process.env.SSR': false,
-        },
-        definePlugin,
-      ),
-    ),
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          from: path.resolve(__dirname, '../assets'),
-          to: '.',
-          noErrorOnMissing: true,
-        },
-      ],
-    }),
-    new webpack.HashedModuleIdsPlugin({
-      hashFunction: 'sha256',
-      hashDigest: 'hex',
-      hashDigestLength: 20,
-    }),
-    new webpack.EnvironmentPlugin({
-      SSR: false,
-      WEBPACK_ENV: 'production',
-    }),
-  ];
-
-  const cssLoaders = [
-    MiniCssExtractPlugin.loader,
-    {
-      loader: 'css-loader',
-      options: {
-        modules: {
-          auto: true,
-          getLocalIdent: getCSSModuleLocalIdent,
-        },
-        importLoaders: 2,
-      },
-    },
-    {
-      loader: 'postcss-loader',
-      options: {
-        postcssOptions: {
-          plugins: [
-            [
-              'postcss-pxtorem',
-              {
-                rootValue: 14,
-                propList: ['*'],
-                // todo
-                selectorBlackList: ['.weui-picker__indicator'],
-              },
-            ],
-          ],
-        },
-      },
-    },
-  ];
-
-  return {
-    context,
-    entry,
-    /**
-     * 只要是构建都开启 production 以使用精简
-     */
-    mode: 'production',
-    watch,
-    output,
-    externals,
-    cache: {
-      type: 'memory',
-    },
-    devtool: devtool,
-    resolve: {
-      extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.scss', '.css'],
-      modules: [...resolveModules],
-      symlinks: false,
-      cacheWithContext: false,
-      alias: {
-        '@': path.resolve(__dirname, '../src'),
-        // react: 'preact/compat',
-        // 'react-dom/test-utils': 'preact/test-utils',
-        // 'react-dom': 'preact/compat',
-      },
-    },
-    module: {
-      rules: [
-        {
-          test: /\.vue$/,
-          loader: 'happypack/loader?id=vue',
-        },
-        {
-          test: /\.tsx?$/,
-          exclude: /node_modules\/(?!@cloudbase\/weda-ui)|gsd-kbone-react/,
-          use: [`happypack/loader?id=${TS_LOADER_ID}`],
-        },
-        {
-          test: /\.(js|jsx)$/,
-          exclude:
-            /node_modules\/(?!(@cloudbase\/weda-ui)|(@tcwd\/vuera)|(@tcwd\/weapps-core)|(@tcwd\/weapps-core))|gsd-kbone-react/,
-          use: ['happypack/loader?id=babel'],
-        },
-        {
-          test: /\.(scss|sass)$/,
-          use: [
-            ...cssLoaders,
-            {
-              loader: 'sass-loader',
-              options: {
-                implementation: require('dart-sass'),
-              },
-            },
-          ],
-        },
-        {
-          test: /\.css$/,
-          use: [...cssLoaders],
-        },
-        {
-          test: /\.less$/,
-          use: [
-            ...cssLoaders,
-            {
-              loader: 'less-loader',
-              options: {
-                lessOptions: {
-                  modifyVars: themeVars,
-                  javascriptEnabled: true,
-                },
-              },
-            },
-          ],
-        },
-        {
-          test: /\.(jpe?g|png|gif|ttf|eot|svg|woff(2)?)(\?[a-z0-9=&.]+)?$/,
-          loader: 'base64-inline-loader',
-        },
-      ],
-    },
-    plugins,
-    optimization: {
-      concatenateModules: true,
-      noEmitOnErrors: true,
-      splitChunks: {
-        maxSize: 3000000,
-        cacheGroups: {
-          base: {
-            test: /(react|react-dom|react-router|react-router-dom|mobx|mobx-react-lite|@cloudbase\/js-sdk)/,
-            chunks: 'all',
-            minSize: 500000,
-            priority: 100, // 优先级
-          },
-          utils: {
-            test: /(lodash|dayjs|axios|kbone-api)/,
-            chunks: 'all',
-            priority: 100, // 优先级
-          },
-          'async-commons': {
-            chunks: 'async',
-            minChunks: 2,
-            priority: 20,
-          },
-          commons: {
-            chunks: 'all',
-            minChunks: 2,
-            priority: 20,
-          },
-        },
-      },
-      minimizer: [
-        new TerserPlugin({
-          test: /\.js(\?.*)?$/i,
-          cache: false,
-          parallel: true,
-          sourceMap: false,
-          terserOptions: {
-            safari10: true,
-          },
-        }),
-      ],
-    },
-  };
-};