kfb-view 3.0.8 → 3.1.0

package/config/utils.js

@@ -1,77 +0,0 @@
-const path = require('path');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const ROOT = path.resolve(__dirname, '..');
-const root = path.join.bind(path, ROOT);
-
-exports.root = root;
-
-exports.cssLoaders = function(options = {}) {
-  const cssLoader = {
-    loader: 'css-loader',
-    options: {
-      minimize: process.env.NODE_ENV === 'production',
-      sourceMap: options.sourceMap,
-    },
-  };
-  /**
-   * 加载webpack中的loader
-   * @param {Array} loader
-   * @param {Object} loaderOptions
-   * @return {Array}
-   */
-  function generateLoaders(loader, loaderOptions) {
-    let loaders = [cssLoader];
-    loaders.push({
-      loader: 'postcss-loader',
-      options: {
-        ident: 'postcss',
-        plugins: (loader) => [
-          require('postcss-import')({root: loader.resourcePath}),
-          require('autoprefixer')(),
-        ],
-      },
-    });
-    if (loader) {
-      loaders.push({
-        loader: loader + '-loader',
-        options: Object.assign({}, loaderOptions, {
-          sourceMap: options.sourceMap,
-        }),
-      });
-    }
-
-    // Extract CSS when that option is specified
-    // (which is the case during production build)
-    if (options.extract) {
-      return [MiniCssExtractPlugin.loader].concat(loaders);
-    } else {
-      return ['style-loader'].concat(loaders);
-    }
-  }
-
-  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
-  return {
-    css: generateLoaders(),
-    // less: generateLoaders('less'),
-    sass: generateLoaders('sass', {indentedSyntax: true}),
-    scss: generateLoaders('sass'),
-    /* tylus: generateLoaders('stylus'),
-    styl: generateLoaders('stylus') */
-  };
-};
-
-// Generate loaders for standalone style files (outside of .vue)
-exports.styleLoaders = function(options) {
-  let output = [];
-  const loaders = exports.cssLoaders(options);
-  for (let extension in loaders) {
-    if (Object.prototype.hasOwnProperty.call(loaders, extension)) {
-      let loader = loaders[extension];
-      output.push({
-        test: new RegExp('\\.' + extension + '$'),
-        use: loader,
-      });
-    }
-  }
-  return output;
-};

package/config/webpack.base.conf.js

@@ -1,95 +0,0 @@
-const utils = require('./utils');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin');
-
-const METADATA = {
-  title: '阅片',
-  baseUrl: '/',
-};
-
-module.exports = function() {
-  return {
-    entry: {
-      // polyfill: 'babel-polyfill',
-      app: './example/index.js',
-    },
-    resolve: {
-      extensions: ['.js', '.json'],
-      alias: {
-        '@': utils.root('example'),
-      },
-      symlinks: false,
-    },
-    module: {
-      rules: [
-        {
-          test: /\.worker\.js$/,
-          use: [
-            {
-              loader: 'worker-loader',
-              options: {inline: true},
-            },
-            {loader: 'babel-loader'},
-          ],
-          include: [utils.root('example/worker')],
-        },
-        {
-          test: /\.html$/,
-          use: [
-            {
-              loader: 'html-loader',
-              options: {
-                minimize: true,
-                removeComments: false,
-                collapseWhitespace: false,
-              },
-            }],
-        },
-        {
-          test: /\.js$/,
-          loader: 'babel-loader',
-          include: [utils.root('example'), utils.root('src')],
-          exclude: [utils.root('src/plugin')],
-        },
-        {
-          test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-          loader: 'url-loader',
-          options: {
-            limit: 10000,
-            /* name: '[name].[hash:7].[ext]', */
-            outputPath: 'assets/img',
-          },
-        },
-        {
-          test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-          loader: 'url-loader',
-          options: {
-            limit: 10000,
-            /* name: '[name].[hash:7].[ext]', */
-            outputPath: 'assets/fonts',
-          },
-        },
-      ],
-    },
-    plugins: [
-      new HtmlWebpackPlugin({
-        template: 'example/index.html',
-        title: METADATA.title,
-        chunksSortMode: 'manual',
-        chunks: ['polyfill', 'vendors', 'app'],
-        metadata: METADATA,
-        inject: 'body',
-      }),
-      new ScriptExtHtmlWebpackPlugin({
-        sync: /polyfill|vendors/,
-        defaultAttribute: 'async',
-        preload: [/polyfill|vendors|app/],
-        prefetch: [/chunk/],
-      }),
-
-    ],
-    node: {
-      fs: 'empty',
-    },
-  };
-};

package/config/webpack.dev.conf.js

@@ -1,80 +0,0 @@
-const utils = require('./utils');
-const webpackMerge = require('webpack-merge');
-const baseWebpackConfig = require('./webpack.base.conf');
-const METADATA = webpackMerge(baseWebpackConfig().metadata, {
-  host: '0.0.0.0',
-  port: 3001,
-});
-
-process.env.NODE_ENV = process.env.NODE_ENV ?
-  process.env.NODE_ENV : 'development';
-
-module.exports = function() {
-  return webpackMerge(baseWebpackConfig(), {
-    mode: 'development',
-    devtool: 'cheap-module-source-map',
-    output: {
-      path: utils.root('dist'),
-      filename: '[name].bundle.js',
-      sourceMapFilename: '[file].map',
-      chunkFilename: '[id].chunk.js',
-      globalObject: 'this',
-      publicPath: '/',
-    },
-    module: {
-      rules: utils.styleLoaders({sourceMap: false}),
-      /* rules: [
-        {
-          test: /\.css$/,
-          use: ['vue-style-loader', 'css-loader', {
-            loader: 'postcss-loader', options: {
-              ident: 'postcss',
-              plugins: (loader) => [
-                require('postcss-import')({root: loader.resourcePath}),
-                require('autoprefixer')(),
-              ],
-            },
-          }],
-        },
-        {
-          test: /\.less/,
-          use: ['vue-style-loader', 'css-loader', 'less-loader'],
-        },
-      ], */
-    },
-    devServer: {
-      contentBase: utils.root('src'),
-      host: METADATA.host,
-      port: METADATA.port,
-      inline: true,
-      historyApiFallback: true,
-      watchOptions: {
-        // if you're using Docker you may need this
-        // aggregateTimeout: 300,
-        // poll: 1000,
-        ignored: /node_modules/,
-      },
-      /* https: true, */
-      /* https: {
-        key: fs.readFileSync("cert/server.key"),
-        cert: fs.readFileSync("cert/server.crt"),
-        ca: fs.readFileSync("cert/ca.pem"),
-      }, */
-      proxy: [
-        {
-          context: ['/api', '/image.php', '/process.php'],
-          // target: 'http://gastric.label.hzztai.com/',
-          // target: 'http://192.168.1.91:7007',
-          // target: 'http://192.168.1.91',
-          // target: 'http://192.168.1.16',
-          // target: 'https://tct.hzztai.com',
-          //  target: 'https://pis-ningbo.hzztai.com',
-          // target: 'https://pis-test.hzztai.com',
-          target: 'https://telepathology.adicon.com.cn',
-          secure: false,
-          changeOrigin: true,
-        },
-      ],
-    },
-  });
-};

package/config/webpack.lib.conf.js

@@ -1,92 +0,0 @@
-const utils = require('./utils');
-const TerserPlugin = require('terser-webpack-plugin');
-const EsmWebpackPlugin = require('@purtuga/esm-webpack-plugin');
-
-module.exports = {
-  // entry: './src/output/index.js',
-  entry: './src/index.js',
-  output: {
-    path: utils.root('lib'),
-    filename: 'kfb-view.js',
-    library: 'KfbView',
-    libraryTarget: 'var',
-  },
-  resolve: {
-    extensions: ['.js', '.json'],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.html$/,
-        use: [
-          {
-            loader: 'html-loader',
-            options: {
-              minimize: true,
-              removeComments: false,
-              collapseWhitespace: false,
-            },
-          }],
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel-loader',
-        include: [utils.root('src')],
-        exclude: [utils.root('src/plugin/openseadragon')],
-      },
-      {
-        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          /* name: '[name].[hash:7].[ext]', */
-          outputPath: 'assets/img',
-        },
-      },
-      {
-        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
-        loader: 'url-loader',
-        options: {
-          limit: 10000,
-          /* name: '[name].[hash:7].[ext]', */
-          outputPath: 'assets/fonts',
-        },
-      },
-    ].concat(utils.styleLoaders({sourceMap: false, extract: false})),
-  },
-  plugins: [
-    new EsmWebpackPlugin(),
-  ],
-  optimization: {
-    // production模式下自动开启
-    minimize: true,
-    minimizer: [
-      new TerserPlugin({
-        test: /\.js($|\?)/i,
-        // 是否启用缓存
-        cache: true,
-        // 启用并行化
-        parallel: true,
-        terserOptions: {
-          // 支持ie8
-          ie8: false,
-          // enable work around safari 10/11 bugs in loop scoping and await,
-          // 在循环作用域内能绕过safari 10/11 bugs并等待
-          safari10: true,
-          // ecma版本
-          warnings: true,
-          parse: {},
-          compress: {
-            drop_console: true,
-          },
-          output: {
-            comments: false,
-            beautify: false,
-          },
-          mangle: {},
-        },
-      }),
-    ],
-  },
-  // devtool: 'source-map',
-};

package/config/webpack.prod.conf.js

@@ -1,102 +0,0 @@
-const utils = require('./utils');
-// const webpack = require('webpack');
-const webpackMerge = require('webpack-merge');
-const baseWebpackConfig = require('./webpack.base.conf');
-const TerserPlugin = require('terser-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-
-process.env.NODE_ENV = process.env.NODE_ENV ?
-  process.env.NODE_ENV : 'production';
-
-module.exports = function() {
-  return webpackMerge(baseWebpackConfig(), {
-    mode: 'production',
-    devtool: 'source-map',
-    output: {
-      path: utils.root('dist'),
-      filename: '[name].[chunkhash].bundle.js',
-      sourceMapFilename: '[file].map',
-      chunkFilename: '[id].[chunkhash].chunk.js',
-    },
-    module: {
-      rules: utils.styleLoaders({sourceMap: false, extract: true}),
-    },
-    plugins: [
-      new MiniCssExtractPlugin({
-        filename: '[name].[contenthash].css',
-        chunkFilename: '[id].[contenthash].css',
-      }),
-    ],
-    optimization: {
-      // production模式下自动开启
-      minimize: true,
-      minimizer: [
-        new TerserPlugin({
-          test: /\.js($|\?)/i,
-          // 是否启用缓存
-          cache: true,
-          // 启用并行化
-          parallel: true,
-          terserOptions: {
-            // 支持ie8
-            ie8: false,
-            // enable work around safari 10/11 bugs in loop scoping and await,
-            // 在循环作用域内能绕过safari 10/11 bugs并等待
-            safari10: true,
-            // ecma版本
-            ecma: 5,
-            warnings: true,
-            parse: {},
-            compress: true,
-            output: {
-              comments: false,
-              beautify: false,
-            },
-            mangle: {},
-          },
-        }),
-      ],
-      runtimeChunk: {
-        // 返回运行时的chunk名称，可用来修改最后输出的chunk块的name
-        name: entrypoint => `${entrypoint.name}`,
-      },
-      // 注意如果设置chunkFilename，splitChunks中设置的name无效，
-      // 会被chunkFilename取代，除非在splitChunks中设置filename
-      /**
-       * @example
-       * chunkFilename: 'chunk.js',
-       * splitChunks:{
-       *   name:'vendors',
-       *    cacheGroups: {
-       *        vendors: {
-       *          test: /[\\/]node_modules[\\/]/,
-       *            priority: -10,
-       *            name:'vendors',
-       *       },
-       *    },
-       *  }
-       *
-       *  结果不会产生vendors.js,
-       *  最后输出的值是chunk.js,
-       */
-      splitChunks: {
-        chunks: 'all',
-        minSize: 30000,
-        minChunks: 2,
-        maxAsyncRequests: 5,
-        maxInitialRequests: 3,
-        cacheGroups: {
-          vendors: {
-            chunks: 'initial',
-            // 设置split chunk的文件名称，只适用于chunks: "initial",其他情况报错
-            filename: '[name].[chunkhash].bundle.js',
-            test: /[\\/]node_modules[\\/]/,
-            priority: -10,
-            name: 'vendors',
-            minChunks: 1,
-          },
-        },
-      },
-    },
-  });
-};