ylyx-cli 1.0.0

package/templates/vue-app/files/vue.config.js

@@ -0,0 +1,173 @@
+'use strict'
+const path = require('path')
+const defaultSettings = require('./src/settings.js')
+const CompressionPlugin = require('compression-webpack-plugin')
+
+function resolve(dir) {
+  return path.join(__dirname, dir)
+}
+
+const name = defaultSettings.title // 网址标题
+let PUBLIC_URL = process.env['VUE_APP_PUBLIC_URL'] // 项目名
+PUBLIC_URL = PUBLIC_URL.replace(/\/*([a-zA-Z])\/*/g, '$1')
+
+const Timestamp = new Date().getTime()
+const MiniCssExtractPlugin = require('mini-css-extract-plugin') // 配置css
+
+const port = 9010 // 端口配置
+
+// All configuration item explanations can be find in https://cli.vuejs.org/config/
+module.exports = {
+  // hash 模式下可使用
+  publicPath: './',
+  // 输出文件目录
+  outputDir: PUBLIC_URL || 'dist',
+  assetsDir: 'state',
+  // assetsDir: PUBLIC_URL,
+  indexPath: 'index.html',
+  lintOnSave: process.env.NODE_ENV === 'development',
+  productionSourceMap: false,
+  devServer: {
+    port: port,
+    overlay: {
+      warnings: false,
+      errors: true
+    },
+    proxy: {
+      '/api': {
+        target: process.env.VUE_APP_BASE_API,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api': 'api'
+        }
+      },
+      '/auth': {
+        target: process.env.VUE_APP_BASE_API,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/auth': 'auth'
+        }
+      },
+      '/cloudImageAdmin': {
+        target: process.env.VUE_APP_BASE_API,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/cloudImageAdmin': 'cloudImageAdmin'
+        }
+      }
+    }
+  },
+  configureWebpack: {
+    plugins: [
+      // new CompressionPlugin({
+      //   algorithm: 'gzip', // 使用gzip压缩
+      //   test: /\.js$|\.html$|\.css$/, // 匹配文件名
+      //   filename: '[path].gz[query]', // 压缩后的文件名(保持原文件名，后缀加.gz)
+      //   minRatio: 1, // 压缩率小于1才会压缩
+      //   threshold: 10240, // 对超过10k的数据压缩
+      //   deleteOriginalAssets: false // 是否删除未压缩的源文件，谨慎设置，如果希望提供非gzip的资源，可不设置或者设置为false（比如删除打包后的gz后还可以加载到原始资源文件）
+      // })
+    ],
+    output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
+      filename: `state/js/[name].${process.env.VUE_APP_VERSION}.${Timestamp}.js`,
+      chunkFilename: `state/js/[name].${process.env.VUE_APP_VERSION}.${Timestamp}.js`
+    },
+    plugins: [ // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
+      new MiniCssExtractPlugin({
+        filename: `state/css/[name].${process.env.VUE_APP_VERSION}.${Timestamp}.css`,
+        chunkFilename: `state/css/chunk.[id].${Timestamp}.css`,
+        allChunks: true
+      })
+    ],
+    name: name,
+    resolve: {
+      alias: {
+        '@': resolve('src'),
+        '@crud': resolve('src/components/Crud')
+      }
+    }
+  },
+  chainWebpack(config) {
+    config.plugins.delete('preload') // TODO: need test
+    config.plugins.delete('prefetch') // TODO: need test
+    // config
+    //   .plugin('webpack-bundle-analyzer')
+    //   .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
+    // set svg-sprite-loader
+    config.module
+      .rule('svg')
+      .exclude.add(resolve('src/assets/icons'))
+      .end()
+    config.module
+      .rule('icons')
+      .test(/\.svg$/)
+      .include.add(resolve('src/assets/icons'))
+      .end()
+      .use('svg-sprite-loader')
+      .loader('svg-sprite-loader')
+      .options({
+        symbolId: 'icon-[name]'
+      })
+      .end()
+
+    // set preserveWhitespace
+    config.module
+      .rule('vue')
+      .use('vue-loader')
+      .loader('vue-loader')
+      .tap(options => {
+        options.compilerOptions.preserveWhitespace = true
+        return options
+      })
+      .end()
+
+    config
+      // https://webpack.js.org/configuration/devtool/#development
+      .when(process.env.NODE_ENV === 'development',
+        config => config.devtool('cheap-source-map')
+      )
+
+    config
+      .when(process.env.NODE_ENV !== 'development',
+        config => {
+          config
+            .plugin('ScriptExtHtmlWebpackPlugin')
+            .after('html')
+            .use('script-ext-html-webpack-plugin', [{
+            // `runtime` must same as runtimeChunk name. default is `runtime`
+              inline: /runtime\..*\.js$/
+            }])
+            .end()
+          config
+            .optimization.splitChunks({
+              chunks: 'all',
+              cacheGroups: {
+                libs: {
+                  name: 'chunk-libs',
+                  test: /[\\/]node_modules[\\/]/,
+                  priority: 10,
+                  chunks: 'initial' // only package third parties that are initially dependent
+                },
+                elementUI: {
+                  name: 'chunk-elementUI', // split elementUI into a single package
+                  priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+                  test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+                },
+                commons: {
+                  name: 'chunk-commons',
+                  test: resolve('src/components'), // can customize your rules
+                  minChunks: 3, //  minimum common number
+                  priority: 5,
+                  reuseExistingChunk: true
+                }
+              }
+            })
+          config.optimization.runtimeChunk('single')
+        }
+      )
+  },
+  transpileDependencies: [
+    'vue-echarts',
+    'resize-detector'
+  ]
+}

package/templates/vue-app/template.json

@@ -0,0 +1,30 @@
+{
+    "name": "vue-app",
+    "description": "Vue 项目初始模板",
+    "version": "1.0.0",
+    "variables": {
+        "projectName": {
+            "type": "input",
+            "message": "请输入项目名称",
+            "default": "my-vue-app"
+        }
+    },
+    "processFiles": [
+        "package.json",
+        "package-lock.json",
+        "README.md",
+        "*.md",
+        "*.json",
+        "*.html",
+        ".env.*",
+        ".gitignore",
+        ".editorconfig"
+    ],
+    "skipFiles": [
+        "**/*.vue",
+        "**/*.js",
+        "**/*.ts",
+        "**/*.css",
+        "**/*.scss"
+    ]
+}