xiaoxian521
2 years ago
9 changed files with 126 additions and 4 deletions
-
3.env.production
-
3.env.staging
-
67build/cdn.ts
-
3build/index.ts
-
8build/plugins.ts
-
1package.json
-
39pnpm-lock.yaml
-
1types/global.d.ts
-
3vite.config.ts
@ -0,0 +1,67 @@ |
|||||
|
import { Plugin as importToCDN } from "vite-plugin-cdn-import"; |
||||
|
|
||||
|
/** |
||||
|
* @description 打包时采用`cdn`模式,仅限外网使用(默认不采用,如果需要采用cdn模式,请在 .env.production 文件,将 VITE_CDN 设置成true) |
||||
|
* 平台采用国内cdn:https://www.bootcdn.cn,当然你也可以选择 https://unpkg.com 或者 https://www.jsdelivr.com
|
||||
|
* 提醒:mockjs不能用cdn模式引入,会报错。正确的方式是,生产环境删除mockjs,使用真实的后端请求 |
||||
|
* 注意:上面提到的仅限外网使用也不是完全肯定的,如果你们公司内网部署的有相关js、css文件,也可以将下面配置对应改一下,整一套内网版cdn |
||||
|
*/ |
||||
|
export const cdn = importToCDN({ |
||||
|
//(prodUrl解释: name: 对应下面modules的name,version: 自动读取本地package.json中dependencies依赖中对应包的版本号,path: 对应下面modules的path)
|
||||
|
prodUrl: "https://cdn.bootcdn.net/ajax/libs/{name}/{version}/{path}", |
||||
|
modules: [ |
||||
|
{ |
||||
|
name: "vue", |
||||
|
var: "Vue", |
||||
|
path: "vue.global.prod.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "vue-router", |
||||
|
var: "VueRouter", |
||||
|
path: "vue-router.global.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "vue-i18n", |
||||
|
var: "VueI18n", |
||||
|
path: "vue-i18n.runtime.global.prod.min.js" |
||||
|
}, |
||||
|
// 项目中没有直接安装vue-demi,但是pinia用到了,所以需要在引入pinia前引入vue-demi(https://github.com/vuejs/pinia/blob/v2/packages/pinia/package.json#L77)
|
||||
|
{ |
||||
|
name: "vue-demi", |
||||
|
var: "VueDemi", |
||||
|
path: "index.iife.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "pinia", |
||||
|
var: "Pinia", |
||||
|
path: "pinia.iife.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "element-plus", |
||||
|
var: "ElementPlus", |
||||
|
path: "index.full.min.js", |
||||
|
css: "index.min.css" |
||||
|
}, |
||||
|
{ |
||||
|
name: "axios", |
||||
|
var: "axios", |
||||
|
path: "axios.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "dayjs", |
||||
|
var: "dayjs", |
||||
|
path: "dayjs.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "echarts", |
||||
|
var: "echarts", |
||||
|
path: "echarts.min.js" |
||||
|
}, |
||||
|
{ |
||||
|
name: "lodash", |
||||
|
var: "lodash", |
||||
|
// 可写`完整路径`,会替换`prodUrl`
|
||||
|
path: "https://cdn.bootcdn.net/ajax/libs/lodash.js/4.17.21/lodash.min.js" |
||||
|
} |
||||
|
] |
||||
|
}); |
Write
Preview
Loading…
Cancel
Save
Reference in new issue