一、首先搭建一个项目 二、新建packages文件夹,将初始化项目src下的文件移动至packages文件夹中,并在packages文件夹中新建一个test1111.vue(名字演示方便区别)文件,用于引入初始化的一些vue文件,当作封装组件用于测试 三、修改test1111.vue文件代码,添加方法并暴露,同时添加组件传值 //接受传值 defineProps({ propMsg...
教程1、在项目中编写components文件夹下面编写组件。2、在components文件夹下面建一个index.ts文件用于注册组件和指令看下面的index.ts文件的代码。3、新建一个指令的文件夹命名自己随便命名我的叫directives5、一切准备好了之后需要配置打包，我用的是vite6、打包完成之后需要配置你的package.json文件7、配置完了之后需要...
5.vue2扫码枪串口模式的使用 6.CSS 生成等份扇形 7.小程序自定义底部导航 custom-tab-bar 8.时钟翻牌器 9.(0,100] (0,999999] el-input rules 10.H5 px 适配 积分与排名 积分- 56905 排名- 29290 随笔档案 2024年12月(1) 2024年9月(2) 2024年3月(2) 2022年12月(3) 2022年...
npminstallvue3-dxui--save 或者 yarnaddvue3-dxui 使用 全局引入 修改vue 项目的 main.ts,并引入 import{createApp}from'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'importDxuifrom'vue3-dxui'// 导入import'vue3-dxui/dxui/dxui.css'// 全局样式导入createApp(...
打包之后的本地模拟 1、本地引入打包路径进行测试 import{createApp}from'vue'importAppfrom'./App.vue'import'../dist/style.css'// 样式一定要引入importnpmDemoButtonfrom"../dist/npm-demo-button-xxx.es.js";createApp(App).mount('#app').use(npmDemoButton) ...
Vue.component(main.name,main) } exportdefaultmain index.js的内容代表着我们将其注册为一个组件供给Vue使用 注册的名字则为我们在组件中的name ** 以上仅为单文件打包入口** 3、修改packaegs.json 在packages.json中添加脚本命令 1 2 "lib":"vue-cli-service build --target lib --name StoreSelectModal...
3、组件打包 在test项目的配置文件package.json中添加一条脚本 "package": "vue-cli-service build --target lib ./src/package/index.ts --name tqy-ui --dest tqy-ui" --target lib 关键字 指定打包的目录 --name 打包后的文件名字 --dest 打包后的文件夹名称 ...
然后在v-tracking下新建vite.config.js,配置库模式打包cjs和es格式 import { defineConfig } from "vite";import { resolve } from "path";export default defineConfig({build: {target: "modules",//压缩minify: true,rollupOptions: {input: ["index.js"],//忽略文件external: ["@vue/reactivity", "axi...
在vue3是通过app.use(plugin)的形式引入插件的,它会直接调用插件的install方法.install会接收到应用实例和传递给app.use()的额外选项作为参数。所以我们在v-tracking/index.js默认导出一个带有install函数的对象 export default {install: (app, options) => {console.log(options)}} ...
打包部署需要按需求配置 base、build 选项 import{defineConfig,loadEnv}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'exportdefaultdefineConfig(({mode})=>{constenv=loadEnv(mode,__dirname)return{plugins:[vue()],base:env.VITE_MODE==='production'?'./':'/',resolve:{alias:{'@'...