Bunny-Cli/vue_ts_large_rem
Bunny-Cli
/
vue_ts_large_rem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ci: 集成: 🎡 添加docker；添加开发环境等

This commit is contained in:
bunny 2024-02-27 15:14:49 +08:00
parent 28f0cd9227
commit b7cad430bc
8 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.env Normal file
View File

@ -0,0 +1,3 @@
# 请求api地址：process.env.VUE_APP_URL
VUE_APP_URL=http://localhost:8088/xxx
VUE_APP_FLAG = 'prod'

3
.env.development Normal file
View File

@ -0,0 +1,3 @@
# 请求api地址：process.env.VUE_APP_URL
VUE_APP_URL=http://localhost:8088/xxx
VUE_APP_FLAG = 'dev'

4
.env.test Normal file
View File

@ -0,0 +1,4 @@
NODE_ENV = 'production'
# 请求api地址：process.env.VUE_APP_URL
VUE_APP_URL=http://localhost:8088/xxx
VUE_APP_FLAG = 'test'

1
package.json
View File

@ -5,6 +5,7 @@
"scripts": { "scripts": {
"serve": "vue-cli-service serve", "serve": "vue-cli-service serve",
"build": "vue-cli-service build", "build": "vue-cli-service build",
"testbuild": "vue-cli-service build --mode test",
"lint": "vue-cli-service lint", "lint": "vue-cli-service lint",
"lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src", "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
"lint:prettier": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"", "lint:prettier": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",

2
public/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>

5
src/router/index.ts
View File

@ -1,4 +1,4 @@
import { createRouter, createWebHashHistory, createWebHistory, RouteRecordRaw } from 'vue-router'; import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
const routes: Array<RouteRecordRaw> = [ const routes: Array<RouteRecordRaw> = [
{ {
@ -13,7 +13,8 @@ const routes: Array<RouteRecordRaw> = [
* 如果不需要 createWebHistory * 如果不需要 createWebHistory
*/ */
const router = createRouter({ const router = createRouter({
history: createWebHashHistory(process.env.BASE_URL), history:
process.env.NODE_ENV === 'production' ? createWebHashHistory(process.env.BASE_URL) : createWebHashHistory(process.env.BASE_URL),
routes, routes,
}); });

2
src/views/layout.vue
View File

@ -1,5 +1,5 @@
<template> <template>
成功 <h1>成功</h1>
<div class="box"></div> <div class="box"></div>
<div class="charts"> <div class="charts">
<ECharts :option="option" autoresize theme="dark" /> <ECharts :option="option" autoresize theme="dark" />

25
vue.config.js
View File

@ -2,6 +2,31 @@ const { defineConfig } = require('@vue/cli-service');
const WebpackBar = require('webpackbar'); const WebpackBar = require('webpackbar');
module.exports = defineConfig({ module.exports = defineConfig({
transpileDependencies: true, transpileDependencies: true,
productionSourceMap: false, // 不生成map文件-优化打包
// 生产环境，开启js\css压缩--- 打包优化
chainWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.plugin('compressionPlugin').use(
new CompressionPlugin({
test: /\.(js|css|less|map)$/, // 匹配文件名
threshold: 1024, // 对超过10k的数据压缩
minRatio: 0.8,
}),
);
}
},
// 代理设置
devServer: {
port: 6366,
open: true,
https: false,
proxy: {
'/api': {
target: process.env.VUE_APP_URL,
changeOrigin: true,
},
},
},
configureWebpack: { configureWebpack: {
plugins: [ plugins: [
// 设置进度条颜色 // 设置进度条颜色