webpack
to be fan
名乎利乎道路奔波休碌碌,来者往者溪山清净且停停
展开
-
typescript引入vue文件和图片
参考文章传送门,src目录下面有一个shims-vue.d.ts(名字可以随便起,毕竟tsconfig会自动加载src下面的所有ts文件) // 声明.vue模块 declare module '*.vue' { import { defineComponent } from 'vue' const component: ReturnType<typeof defineComponent> export default component } // 声明.png模块 .jpg同理原创 2021-09-27 19:46:48 · 571 阅读 · 0 评论 -
徒手搭建VUE3项目(三):i18n国际化
安装包 yarn add vue-i18n 配置 根目录新增language文件夹,创建index.ts、ch.js、en.js、jp.js // index.ts import { createI18n } from "vue-i18n" export default createI18n({ locale: localStorage.getItem("language") || "ch", messages: { ch: require("./ch"),原创 2021-09-07 11:47:33 · 445 阅读 · 0 评论 -
徒手搭建VUE3项目(二):引入vuex,vue-router,axios
安装包 yarn add vuex@next vue-router@next axios@next vue-router在组合API中的使用 根目录下创建router文件夹,创建index.ts // router/index.ts import { createRouter, RouteRecordRaw, createWebHashHistory } from "vue-router" import Login from "@/views/user/login.vue" import CommonL原创 2021-09-07 11:32:36 · 384 阅读 · 0 评论 -
徒手搭建VUE3项目(一):webpack初始化
创建一个空文件夹,进入,运行脚本 yarn init -y 加-y可以跳过步骤,后期可以直接在package.json里面修改 安装webpack相关依赖 yarn add webpack webpack-dev-server webpack-merge webpack-cli 其中webpack-dev-server和webpack-cli启动本地服务,webpack-merge用于合并配置文件,下面有用到 安装vue相关依赖 yarn add vue@next vue-loader@next原创 2021-09-07 10:35:44 · 401 阅读 · 0 评论