From d726e4b532c0012f85e76a936dcfcdd927ddc193 Mon Sep 17 00:00:00 2001 From: dengtongyu Date: Tue, 7 Dec 2021 21:46:00 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .browserslistrc | 3 + .eslintrc.js | 14 ++++ .gitignore | 22 ++++++ README.md | 24 +++++++ babel.config.js | 14 ++++ package.json | 36 ++++++++++ postcss.config.js | 17 +++++ proxy.config.js | 42 +++++++++++ public/favicon.ico | Bin 0 -> 4286 bytes public/index.html | 17 +++++ src/App.vue | 26 +++++++ src/api/index.js | 12 ++++ src/assets/logo.png | Bin 0 -> 6849 bytes src/components.js | 5 ++ src/components/HelloWorld.vue | 130 ++++++++++++++++++++++++++++++++++ src/config/index.js | 24 +++++++ src/lib/ajax.js | 55 ++++++++++++++ src/lib/excel.js | 118 ++++++++++++++++++++++++++++++ src/lib/tool.js | 121 +++++++++++++++++++++++++++++++ src/main.js | 13 ++++ src/router/index.js | 28 ++++++++ src/store/index.js | 11 +++ src/styles/global.scss | 29 ++++++++ src/styles/index.scss | 2 + src/views/About.vue | 5 ++ src/views/Home.vue | 18 +++++ vue.config.js | 31 ++++++++ 27 files changed, 817 insertions(+) create mode 100644 .browserslistrc create mode 100644 .eslintrc.js create mode 100644 .gitignore create mode 100644 README.md create mode 100644 babel.config.js create mode 100644 package.json create mode 100644 postcss.config.js create mode 100644 proxy.config.js create mode 100644 public/favicon.ico create mode 100644 public/index.html create mode 100644 src/App.vue create mode 100644 src/api/index.js create mode 100644 src/assets/logo.png create mode 100644 src/components.js create mode 100644 src/components/HelloWorld.vue create mode 100644 src/config/index.js create mode 100644 src/lib/ajax.js create mode 100644 src/lib/excel.js create mode 100644 src/lib/tool.js create mode 100644 src/main.js create mode 100644 src/router/index.js create mode 100644 src/store/index.js create mode 100644 src/styles/global.scss create mode 100644 src/styles/index.scss create mode 100644 src/views/About.vue create mode 100644 src/views/Home.vue create mode 100644 vue.config.js diff --git a/.browserslistrc b/.browserslistrc new file mode 100644 index 0000000..214388f --- /dev/null +++ b/.browserslistrc @@ -0,0 +1,3 @@ +> 1% +last 2 versions +not dead diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..b27ea58 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,14 @@ +module.exports = { + root: true, + env: { + node: true, + }, + extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"], + parserOptions: { + parser: "babel-eslint", + }, + rules: { + "no-console": process.env.VUE_APP_PROXY === 2 ? "warn" : "off", + "no-debugger": process.env.VUE_APP_PROXY === 2 ? "warn" : "off", + }, +}; diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6238331 --- /dev/null +++ b/.gitignore @@ -0,0 +1,22 @@ +.DS_Store +node_modules +/dist +package-lock.json + +# local env files +.env.local +.env.*.local + +# Log files +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# Editor directories and files +.idea +.vscode +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md new file mode 100644 index 0000000..dd6cc6a --- /dev/null +++ b/README.md @@ -0,0 +1,24 @@ +# template-h5 + +## Project setup +``` +npm install +``` + +### Compiles and hot-reloads for development +``` +npm run serve +``` + +### Compiles and minifies for production +``` +npm run build +``` + +### Lints and fixes files +``` +npm run lint +``` + +### Customize configuration +See [Configuration Reference](https://cli.vuejs.org/config/). diff --git a/babel.config.js b/babel.config.js new file mode 100644 index 0000000..a498f2d --- /dev/null +++ b/babel.config.js @@ -0,0 +1,14 @@ +module.exports = { + presets: ["@vue/cli-plugin-babel/preset"], + plugins: [ + [ + "import", + { + libraryName: "vant", + libraryDirectory: "es", + style: true, + }, + "vant", + ], + ], +}; diff --git a/package.json b/package.json new file mode 100644 index 0000000..780e4aa --- /dev/null +++ b/package.json @@ -0,0 +1,36 @@ +{ + "name": "template-h5", + "version": "0.1.0", + "private": true, + "scripts": { + "serve:test": "cross-env VUE_APP_PROXY=1 vue-cli-service serve", + "serve:prod": "cross-env VUE_APP_PROXY=2 vue-cli-service serve", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint" + }, + "dependencies": { + "axios": "^0.19.2", + "vant": "^2.12.36", + "vue": "^2.6.11", + "vue-router": "^3.1.6", + "vuex": "^3.1.3" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "~4.5.0", + "@vue/cli-plugin-eslint": "~4.5.0", + "@vue/cli-service": "~4.5.0", + "@vue/eslint-config-prettier": "^6.0.0", + "babel-eslint": "^10.1.0", + "babel-plugin-import": "^1.13.3", + "core-js": "^3.6.4", + "cross-env": "^7.0.2", + "eslint": "^6.7.2", + "eslint-plugin-prettier": "^3.1.1", + "eslint-plugin-vue": "^6.2.2", + "postcss-px-to-viewport": "^1.1.1", + "postcss-write-svg": "^3.0.1", + "sass": "^1.26.3", + "sass-loader": "^8.0.2", + "vue-template-compiler": "^2.6.11" + } +} diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..b498fe8 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,17 @@ +module.exports = { + plugins: { + autoprefixer: {}, + "postcss-write-svg": { + utf8: false, + }, + "postcss-px-to-viewport": { + viewportWidth: 750, // 视窗的宽度，对应的是我们设计稿的宽度，一般是750 + viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以不配置 + unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位数（很多时候无法整除） + viewportUnit: "vw", // 指定需要转换成的视窗单位，建议使用vw + selectorBlackList: [".ignore", ".hairlines"], // 指定不转换为视窗单位的类，可以自定义，可以无限添加,建议定义一至两个通用的类名 + minPixelValue: 1, // 小于或等于`1px`不转换为视窗单位，你也可以设置为你想要的值 + mediaQuery: false, // 允许在媒体查询中转换`px` + }, + }, +}; diff --git a/proxy.config.js b/proxy.config.js new file mode 100644 index 0000000..2b7529f --- /dev/null +++ b/proxy.config.js @@ -0,0 +1,42 @@ +// 代理环境，1测试环境，2生产环境 +const VUE_APP_PROXY = process.env.VUE_APP_PROXY + ? parseInt(process.env.VUE_APP_PROXY) + : 1; + +let target = ""; + +switch (VUE_APP_PROXY) { + case 1: + target = "http://test.haloapp.vip"; + break; + case 2: + target = "http://haloapp.vip"; + break; + default: + target = "http://test.haloapp.vip"; +} + +let proxyTable = { + "/zuul": { + target: target, + changeOrigin: true, + secure: false, + }, + "/sjht": { + target: target, + changeOrigin: true, + secure: false, + }, + "/media/": { + target: target, + changeOrigin: true, + secure: false, + }, + "/bzdb": { + target: target, + changeOrigin: true, + secure: false, + }, +}; + +module.exports = proxyTable; diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2 GIT binary patch literal 4286 zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56 zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei z@g6Xq-pDoPl=MANPiR7%172VA%r)kevtV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp= zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8 zx!=3<4seY*%=OlbCbcae?5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3 z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD zsW0Ab)ZK@0cIW%W7z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6 z={Xwx{TKxD#iCLfl2vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S literal 0 HcmV?d00001 diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..91c6ed6 --- /dev/null +++ b/public/index.html @@ -0,0 +1,17 @@ + + + + + + + + <%= htmlWebpackPlugin.options.title %> + + + +
+ + + diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..cc7283a --- /dev/null +++ b/src/App.vue @@ -0,0 +1,26 @@ + + + diff --git a/src/api/index.js b/src/api/index.js new file mode 100644 index 0000000..64f869f --- /dev/null +++ b/src/api/index.js @@ -0,0 +1,12 @@ +import ajax from "@/lib/ajax"; +import config from "@/config"; + +// host +const HOST = config.host("/zuul", "/mrxf"); + +// 来访总量统计列表 +const petitionReportTotal = (param) => { + return ajax.post(`${HOST}/petitionReport/total`, param); +}; + +export { petitionReportTotal }; diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43 GIT binary patch literal 6849 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 +
+

{{ msg }}

+

+ For a guide and recipes on how to configure / customize this project,
+ check out the + vue-cli documentation. +

+

Installed CLI Plugins

+ +

Essential Links

+ +

Ecosystem

+ +
+ + + + + + diff --git a/src/config/index.js b/src/config/index.js new file mode 100644 index 0000000..5de1b0d --- /dev/null +++ b/src/config/index.js @@ -0,0 +1,24 @@ +// 应用的名称 +const appName = "每日信访动态报送"; + +// 是否启用YApi +const YApi = false; + +// 代理环境，1测试环境，2生产环境 +const VUE_APP_PROXY = process.env.VUE_APP_PROXY + ? parseInt(process.env.VUE_APP_PROXY) + : 1; + +const host = (PASSID, GATEWAY) => { + // host + const HOST = YApi ? `/mock/73/${GATEWAY}` : `${PASSID}${GATEWAY}`; + + return HOST; +}; + +module.exports = { + appName, + YApi, + VUE_APP_PROXY, + host, +}; diff --git a/src/lib/ajax.js b/src/lib/ajax.js new file mode 100644 index 0000000..6b77e48 --- /dev/null +++ b/src/lib/ajax.js @@ -0,0 +1,55 @@ +import axios from "axios"; + +// 添加公共请求头 +const getHeader = function (options) { + if (options === "form") { + return Object.assign({ + "content-type": "application/x-www-form-urlencoded", + }); + } else if (options === "file") { + return Object.assign({ "content-type": "multipart/form-data" }); + } +}; + +const request = function (method, url, params, options) { + return new Promise(function (resolve, reject) { + axios + .request({ + headers: getHeader(options), + url: url, + method: method, + withCredentials: true, + data: method === "post" ? params : {}, + params: method === "get" ? params : {}, + timeout: 120000, + responseType: "json", + }) + .then(function (response) { + let data = response.data || JSON.parse(response.request.responseText); + resolve(data); + }) + .catch(function (error) { + if (typeof error.response === "undefined") { + if ( + location.hostname == "127.0.0.1" || + location.hostname == "localhost" + ) { + reject(error); + } else { + location.reload(); + } + } else { + reject(error); + } + }); + }); +}; + +export default { + get: function (url, params, options) { + return request("get", url, params, options); + }, + post: function (url, params, options) { + return request("post", url, params, options); + }, +}; diff --git a/src/lib/excel.js b/src/lib/excel.js new file mode 100644 index 0000000..88dd12d --- /dev/null +++ b/src/lib/excel.js @@ -0,0 +1,118 @@ +/* eslint-disable */ +import XLSX from 'xlsx'; + +function auto_width(ws, data){ + /*set worksheet max width per col*/ + const colWidth = data.map(row => row.map(val => { + /*if null/undefined*/ + if (val == null) { + return {'wch': 10}; + } + /*if chinese*/ + else if (val.toString().charCodeAt(0) > 255) { + return {'wch': val.toString().length * 2}; + } else { + return {'wch': val.toString().length}; + } + })) + /*start in the first row*/ + let result = colWidth[0]; + for (let i = 1; i < colWidth.length; i++) { + for (let j = 0; j < colWidth[i].length; j++) { + if (result[j]['wch'] < colWidth[i][j]['wch']) { + result[j]['wch'] = colWidth[i][j]['wch']; + } + } + } + ws['!cols'] = result; +} + +function json_to_array(key, jsonData){ + return jsonData.map(v => key.map(j => { return v[j] })); +} + +// fix data,return string +function fixdata(data) { + let o = '' + let l = 0 + const w = 10240 + for (; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w))) + o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w))) + return o +} + +// get head from excel file,return array +function get_header_row(sheet) { + const headers = [] + const range = XLSX.utils.decode_range(sheet['!ref']) + let C + const R = range.s.r /* start in the first row */ + for (C = range.s.c; C <= range.e.c; ++C) { /* walk every column in the range */ + var cell = sheet[XLSX.utils.encode_cell({ c: C, r: R })] /* find the cell in the first row */ + var hdr = 'UNKNOWN ' + C // <-- replace with your desired default + if (cell && cell.t) hdr = XLSX.utils.format_cell(cell) + headers.push(hdr) + } + return headers +} + +// export const export_table_to_excel= (id, filename) => { +// const table = document.getElementById(id); +// const wb = XLSX.utils.table_to_book(table); +// XLSX.writeFile(wb, filename); + +// /* the second way */ +// // const table = document.getElementById(id); +// // const wb = XLSX.utils.book_new(); +// // const ws = XLSX.utils.table_to_sheet(table); +// // XLSX.utils.book_append_sheet(wb, ws, filename); +// // XLSX.writeFile(wb, filename); +// } +export const export_table_to_excel= (table, filename) => { + if(!table) return; + const wb = XLSX.utils.table_to_book(table); + XLSX.writeFile(wb, filename) +} + +export const export_json_to_excel = ({data, key, title, filename, autoWidth}) => { + const wb = XLSX.utils.book_new(); + data.unshift(title); + const ws = XLSX.utils.json_to_sheet(data, {header: key, skipHeader: true}); + if(autoWidth){ + const arr = json_to_array(key, data); + auto_width(ws, arr); + } + XLSX.utils.book_append_sheet(wb, ws, filename); + XLSX.writeFile(wb, filename + '.xlsx'); +} + +export const export_array_to_excel = ({key, data, title, filename, autoWidth}) => { + const wb = XLSX.utils.book_new(); + const arr = json_to_array(key, data); + arr.unshift(title); + const ws = XLSX.utils.aoa_to_sheet(arr); + if(autoWidth){ + auto_width(ws, arr); + } + XLSX.utils.book_append_sheet(wb, ws, filename); + XLSX.writeFile(wb, filename + '.xlsx'); +} + +export const read = (data, type) => { + /* if type == 'base64' must fix data first */ + // const fixedData = fixdata(data) + // const workbook = XLSX.read(btoa(fixedData), { type: 'base64' }) + const workbook = XLSX.read(data, { type: type }); + const firstSheetName = workbook.SheetNames[0]; + const worksheet = workbook.Sheets[firstSheetName]; + const header = get_header_row(worksheet); + const results = XLSX.utils.sheet_to_json(worksheet); + return {header, results}; +} + +export default { + export_table_to_excel, + export_array_to_excel, + export_json_to_excel, + read +} diff --git a/src/lib/tool.js b/src/lib/tool.js new file mode 100644 index 0000000..a540eee --- /dev/null +++ b/src/lib/tool.js @@ -0,0 +1,121 @@ +import { CookieStorage } from "cookie-storage"; +import config from "@/config"; + +const cookieStorage = new CookieStorage(); + +const systemCode = config.systemCode; + +// 随机长度字符串 +const randomString = (len) => { + len = len || 10; + var chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; + var maxPos = chars.length; + var str = ""; + for (let i = 0; i < len; i++) { + str += chars.charAt(Math.floor(Math.random() * maxPos)); + } + return str; +}; + +// 设置localStorage +const _setItem = (key, data) => { + localStorage.setItem(key, JSON.stringify(data)); +}; + +// 获取localStorage +const _getItem = (key) => { + let data = localStorage.getItem(key); + if (data) data = JSON.parse(data); + return data; +}; + +// 删除localStorage +const _removeItem = (key) => { + localStorage.removeItem(key); +}; + +// 缓存用户信息 +const setUserInfoCache = (info) => { + let data = { + account: info.account, + avatar: info.avatar, + userId: info.userId, + userName: info.userName, + }; + _setItem("__UserInfo__", data); +}; + +// 获取缓存的用户信息 +const getUserInfoCache = () => { + let data = _getItem("__UserInfo__"); + return data; +}; + +// 删除用户信息 +const removeUserInfoCache = () => { + _removeItem("__UserInfo__"); +}; + +// 缓存token +const setToken = (value) => { + let curDate = new Date(); + let nextDate = new Date(curDate.getTime() + 24 * 60 * 60 * 1000); + + cookieStorage.setItem("Authorization", value, { + domain: document.domain, + expires: nextDate, + }); +}; + +// 获取token +const getToken = () => { + return cookieStorage.getItem("Authorization"); +}; + +// 删除token +const removeToken = () => { + cookieStorage.removeItem("Authorization"); +}; + +// 缓存用户权限 +const setUserPowerCache = (arr) => { + let map = {}; + for (let i = 0; i < arr.length; i++) { + let k = arr[i].powerCode; + map[k] = arr[i]; + } + _setItem(`__UserPower_${systemCode}__`, map); +}; + +// 获取缓存的用户权限 +const getUserPowerCache = () => { + let data = _getItem(`__UserPower_${systemCode}__`); + return data; +}; + +// 获取指定的用户权限 +const getUserSomeonePowerCache = (code) => { + let data = getUserPowerCache(); + let item = null; + if (data) item = data[code]; + return item; +}; + +// 删除用户权限 +const removeUserPowerCache = () => { + _removeItem(`__UserPower_${systemCode}__`); +}; + +export { + randomString, + setUserInfoCache, + getUserInfoCache, + removeUserInfoCache, + setToken, + getToken, + removeToken, + setUserPowerCache, + getUserPowerCache, + removeUserPowerCache, + getUserSomeonePowerCache, +}; diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..a8cd6d7 --- /dev/null +++ b/src/main.js @@ -0,0 +1,13 @@ +import Vue from "vue"; +import App from "./App.vue"; +import router from "./router"; +import store from "./store"; +import "./components.js"; + +Vue.config.productionTip = false; + +new Vue({ + router, + store, + render: (h) => h(App), +}).$mount("#app"); diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 0000000..5818d72 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,28 @@ +import Vue from "vue"; +import VueRouter from "vue-router"; +import Home from "../views/Home.vue"; + +Vue.use(VueRouter); + +const routes = [ + { + path: "/", + name: "Home", + component: Home, + }, + { + path: "/about", + name: "About", + // route level code-splitting + // this generates a separate chunk (about.[hash].js) for this route + // which is lazy-loaded when the route is visited. + component: () => + import(/* webpackChunkName: "about" */ "../views/About.vue"), + }, +]; + +const router = new VueRouter({ + routes, +}); + +export default router; diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 0000000..ba2f84a --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,11 @@ +import Vue from "vue"; +import Vuex from "vuex"; + +Vue.use(Vuex); + +export default new Vuex.Store({ + state: {}, + mutations: {}, + actions: {}, + modules: {}, +}); diff --git a/src/styles/global.scss b/src/styles/global.scss new file mode 100644 index 0000000..f8b3326 --- /dev/null +++ b/src/styles/global.scss @@ -0,0 +1,29 @@ +html,body,#app { + width: 100%; + height: 100%; + margin: 0; +} +h1,h2,h3,h4,h5,p,dl,dt,dd,ol,ul,li { + padding: 0; + margin: 0 +} +#app { + font-family: "Helvetica","Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #2c3e50; + font-size: 14px; +} + +@svg 1px-border { + height: 2px; + @rect { + fill: var(--color, black); + width: 100%; + height: 50%; + } +} +.border-1px { + border: 1px solid transparent; + border-image: svg(1px-border param(--color #00b1ff)) 2 2 stretch; +} diff --git a/src/styles/index.scss b/src/styles/index.scss new file mode 100644 index 0000000..8063ce3 --- /dev/null +++ b/src/styles/index.scss @@ -0,0 +1,2 @@ + +@import "./global.scss"; \ No newline at end of file diff --git a/src/views/About.vue b/src/views/About.vue new file mode 100644 index 0000000..3fa2807 --- /dev/null +++ b/src/views/About.vue @@ -0,0 +1,5 @@ + diff --git a/src/views/Home.vue b/src/views/Home.vue new file mode 100644 index 0000000..8f4339d --- /dev/null +++ b/src/views/Home.vue @@ -0,0 +1,18 @@ + + + diff --git a/vue.config.js b/vue.config.js new file mode 100644 index 0000000..34a706c --- /dev/null +++ b/vue.config.js @@ -0,0 +1,31 @@ +const config = require("./src/config"); +const proxy = require("./proxy.config"); + +module.exports = { + publicPath: "./", + outputDir: "dist", + assetsDir: "static", + indexPath: "index.html", + pages: { + index: { + // page 的入口 + entry: "src/main.js", + // 模板来源 + template: "public/index.html", + // 在 dist/index.html 的输出 + filename: "index.html", + // 当使用 title 选项时， + // template 中的 title 标签需要是 <%= htmlWebpackPlugin.options.title %> + title: config.appName, + // 在这个页面中包含的块，默认情况下会包含 + // 提取出来的通用 chunk 和 vendor chunk。 + chunks: ["chunk-vendors", "chunk-common", "index"], + }, + }, + devServer: { + proxy: proxy, + }, + css: { + loaderOptions: {}, + }, +};