fix: 移除不必要的 CleanWebpackPlugin 依赖，更新 prebuild 脚本为 rimraf (#35)

Author: YufJi

packages/vue2/build/webpack.config.js

@@ -1,68 +1,67 @@
-const path = require("path");
-const webpack = require("webpack");
-const { VueLoaderPlugin } = require("vue-loader");
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const { CleanWebpackPlugin } = require("clean-webpack-plugin");
-const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");
-const EsbuildPlugin = require("./plugins/esbuild-plugin");
+const path = require('path');
+const webpack = require('webpack');
+const { VueLoaderPlugin } = require('vue-loader');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const EsbuildPlugin = require('./plugins/esbuild-plugin');
 
-const root = path.resolve(__dirname, "..");
-const pkg = require(path.resolve(root, "./package.json"));
+const root = path.resolve(__dirname, '..');
+const pkg = require(path.resolve(root, './package.json'));
 
-const publicPath = "/";
+const publicPath = '/';
 
-const library = "cloudAdminDesigner";
+const library = 'cloudAdminDesigner';
 
-const extensions = [".vue", ".js", ".ts", ".json", ".css"];
+const extensions = ['.vue', '.js', '.ts', '.json', '.css'];
 
 const baseConfig = (type) => {
   return {
-    mode: "production",
-    devtool: "source-map",
-    entry: [path.resolve(root, `./src/assets/css/index.${type}.css`), path.resolve(root, "./src/init.js")],
+    mode: 'production',
+    devtool: 'source-map',
+    entry: [path.resolve(root, `./src/assets/css/index.${type}.css`), path.resolve(root, './src/init.js')],
     output: {
       publicPath,
       path: path.resolve(root, `dist/${type}`),
       filename: `${library}.umd.min.js`,
       library: {
         name: library,
-        type: "umd",
+        type: 'umd',
         umdNamedDefine: true,
-        export: "default",
+        export: 'default',
       },
     },
     resolve: {
       alias: {
-        "@": path.resolve(root, "src"),
+        '@': path.resolve(root, 'src'),
       },
       extensions: [...extensions, ...extensions.map((ext) => `.${type}${ext}`)],
     },
     externals: {
       vue: {
-        root: "Vue",
-        commonjs: "vue",
-        commonjs2: "vue",
-        amd: "vue",
+        root: 'Vue',
+        commonjs: 'vue',
+        commonjs2: 'vue',
+        amd: 'vue',
       },
     },
     module: {
       rules: [
         {
           test: /\.vue$/,
-          loader: "vue-loader",
+          loader: 'vue-loader',
         },
         {
           test: /\.js$/,
-          loader: "babel-loader",
+          loader: 'babel-loader',
         },
         {
           test: /\.ts$/,
           use: [
             {
-              loader: "babel-loader",
+              loader: 'babel-loader',
             },
             {
-              loader: "ts-loader",
+              loader: 'ts-loader',
             },
           ],
         },
@@ -71,13 +70,13 @@ const baseConfig = (type) => {
           use: [
             MiniCssExtractPlugin.loader,
             {
-              loader: "css-loader",
+              loader: 'css-loader',
             },
             {
-              loader: "postcss-loader",
+              loader: 'postcss-loader',
               options: {
                 postcssOptions: {
-                  plugins: ["autoprefixer"],
+                  plugins: ['autoprefixer'],
                 },
               },
             },
@@ -88,31 +87,30 @@ const baseConfig = (type) => {
     optimization: {
       minimizer: [
         new EsbuildPlugin({
-          target: "es2015",
+          target: 'es2015',
           css: true,
         }),
       ],
     },
     plugins: [
       new webpack.ProvidePlugin({
-        process: require.resolve("process/browser"),
+        process: require.resolve('process/browser'),
       }),
       new VueLoaderPlugin(),
       new MiniCssExtractPlugin({
         filename: `${library}.css`,
       }),
       new webpack.ProgressPlugin(),
-      new CleanWebpackPlugin(),
       // new BundleAnalyzerPlugin({
       //   analyzerMode: "static",
       //   openAnalyzer: false,
       //   reportFilename: `report-${type}.html`,
       // }),
     ],
-    stats: "minimal",
+    stats: 'minimal',
   };
 };
 
-module.exports = [baseConfig("pc"), baseConfig("mobile")];
+module.exports = [baseConfig('pc'), baseConfig('mobile')];
 
 exports.baseConfig = baseConfig;

packages/vue2/package.json

@@ -5,7 +5,7 @@
   "scripts": {
     "dev": "webpack-dev-server --config build/webpack.dev.config.js",
     "build": "webpack --config build/webpack.config.js",
-    "prebuild": "rm -rf dist",
+    "prebuild": "rimraf ./dist",
     "postbuild": "npm run zip",
     "zip": "node ./scripts/zip.js",
     "deploy": "node ./scripts/deploy.js"
@@ -23,11 +23,11 @@
     "@lcap/basic-template": "workspace:*",
     "@vusion/utils": "^0.4.10",
     "babel-polyfill": "^6.26.0",
+    "date-fns": "^2.6.0",
+    "lodash": "^4.17.15",
     "process": "^0.11.10",
     "vue": "2.6.12",
     "vue-i18n": "^8.28.2",
-    "date-fns": "^2.6.0",
-    "lodash": "^4.17.15",
     "vue-router": "^3.1.2"
   },
   "devDependencies": {
@@ -43,6 +43,7 @@
     "minimist": "^1.2.8",
     "postcss": "^8.4.38",
     "postcss-loader": "^8.1.1",
+    "rimraf": "^6.0.1",
     "ts-loader": "^9.5.1",
     "typescript": "^5.3.3",
     "vue-loader": "^15.11.1",