project init

1.首页微调 2.新增游戏-鉴色
2021-10-12 18:03:44 +08:00
commit e077d3fa4a
72 changed files with 29927 additions and 0 deletions
--- a/vue.config.js
+++ b/vue.config.js
@@ -0,0 +1,118 @@
+/*
+ * @Author: your name
+ * @Date: 2020-09-10 18:52:15
+ * @LastEditTime: 2021-04-04 17:48:07
+ * @LastEditors: Please set LastEditors
+ * @Description: In User Settings Edit
+ * @FilePath: /getCoinsEveryday/vue.config.js
+ */
+const path = require('path');
+// const myTools = require('./webpack.plugins.js');
+const CompressionPlugin = require('compression-webpack-plugin');
+const vConsolePlugin = require("vconsole-webpack-plugin");
+const TinyimgPlugin = require("tinyimg-webpack-plugin");
+
+function resolve(dir) {
+    return path.join(__dirname, dir);
+}
+
+module.exports = {
+    publicPath: './',
+    outputDir: 'dist',
+    assetsDir: 'static',
+    lintOnSave: false,
+    productionSourceMap: false,
+    pages: {
+        index: {
+            // page 的入口
+            entry: 'src/page/index/main.js',
+            // 模板来源
+            template: 'public/index.html',
+            // 在 dist/index.html 的输出
+            filename: 'index.html',
+            // 当使用 title 选项时，
+            // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
+            title: 'WebGLToy'
+        }
+    },
+    chainWebpack: config => {
+        // development模式时打包也带有 hash 值
+        config.output.filename('static/js/[name].[hash].js').chunkFilename('static/js/[name].[hash].js').end()
+
+        config.resolve.alias
+            .set("@", resolve("src"))
+            .set("weui", resolve("src/utils/plugins/weui.js"))
+        // .set("assets", resolve("src/assets"))
+        // .set("components", resolve("src/components"))
+        // .set("views", resolve("src/views"))
+        // .set("base", resolve("baseConfig"))
+        // .set("public", resolve("public"));
+
+        if (process.env.NODE_ENV !== "test") {
+            config.module.rule('compile')
+                .test(/\.js$/)
+                .include
+                .add(resolve('src'))
+                .add(resolve('node_modules'))
+                .end()
+                .use('babel')
+                .loader('babel-loader')
+                .options({
+                    presets: [
+                        ['@babel/preset-env', {
+                            modules: false
+                        }]
+                    ]
+                });
+        }
+
+    },
+    configureWebpack: config => {
+        // 配置vconsole
+        const debug = process.env.NODE_ENV !== "production";
+        let pluginsDev = [
+            new vConsolePlugin({
+                filter: [],
+                enable: debug,
+            }),
+        ];
+
+        // 配置 tinyimg
+        let tinyimg = [new TinyimgPlugin({
+            enabled: process.env.NODE_ENV === "production",
+            logged: true
+        })]
+
+        config.module.rules.push({
+            test: /\.glsl$/,
+            use: [{
+                loader: 'webpack-glsl-loader', // 解决glsl 加载问题
+            }]
+        })
+
+        config.plugins = [...config.plugins,
+        ...pluginsDev,
+        ...tinyimg
+        ];
+
+        // 配置gzip压缩
+        if (process.env.NODE_ENV === 'production') {
+            return {
+                plugins: [new CompressionPlugin({
+                    test: /\.js$|\.html$|\.css/, // 匹配文件名
+                    threshold: 10240, //对超过10K的数据进行压缩
+                    deleteOriginalAssets: false // 是否删除源文件
+                })]
+            }
+        }
+    },
+    // 配置插件
+    pluginOptions: {
+        'style-resources-loader': {
+            preProcessor: 'less',
+            patterns: [
+                path.resolve(__dirname, './src/assets/css/global.less')
+            ]
+        },
+    },
+}