vite.config.ts配置 // https://vitejs.dev/config/exportdefaultdefineConfig({// ...build:{// 10kb以下,转Base64assetsInlineLimit:1024*10,// chunkSizeWarningLimit: 1500,//配置文件大小提醒限制,默认500rollupOptions:{output:{// 每个node_modules模块分成一个js文件manualChunks(id:string){if(id.inclu...
2.store/index.ts // createPinia函数并不需要显示引入 配置有自动导入// 持久化pinia插件importpiniaPluginPersistedstatefrom'pinia-plugin-persistedstate'// 创建pinia实例constpinia=createPinia()// 使用持久化插件pinia.use(piniaPluginPersistedstate)// 函数式注入piniaconstusePinia=(app)=>{app.use(pinia)}expo...
执行打包命令pnpm build gulp处理utils工具包 在utils下增加gulp配置文件gulpfile.ts,并且安装依赖gulp-typescript来处理ts文件 # 安装依赖 pnpm install gulp-typescript -w -D 复制代码 //gulpfile.ts import { buildPackages } from "../../build/packages" export default buildPackages(__dirname,'utils'...
在vite.config.ts配置文件中,添加base配置.如图:(如果是以vue脚手架的方式创建项目,则是添加publicPath配置项) 此时重新打包,进入项目就不会报404错误. 由于打包后没有代理服务器,如果我们本地想看打包后的页面效果,前提是后端配置了CORS解决跨域 二.静态资源的上传 一般由我们自己将打包好的dist文件夹的静态资源上...
1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use一下路由: 3,router文件下的index.ts代码: 4,routes文件下,index.ts代码: ...
一、vite 配置图片压缩打包【配置】 二、warning: “@charset“ must be the first rule in the file【警告问题】 三ts找不到@模块【报错问题】 四、vite打包分类文件输出配置以及静态资源拆分【配置】 五、打包删除console配置 以及报错 build.terserOptions is specified but build.minify is not set to use ...
vue3源码手写-打包配置 文件夹创建 在packages文件夹下面创建reactivity和shared文件夹,初始化创建对应的package.json并且创建src文件夹下面再创建一个index.tS文件 // reactivity -> package.json{// 打包更具这个名称生成文件在node_modules中"name":"@vue/reactivity","version":"1.0.0","main":"index.js","...
使用ts-loader编译ts文件 在项目根路径创建tsconfig.json文件,下载依赖(npm install --save-dev ts-loader) module.exports={module:{rules:[{test:/\.ts$/,use:'ts-loader'}]}}; 使用css-loader编译css文件 这里use依赖是从后往前执行,顺序不能反,先嵌入css文件在把css文件加载到style标签中,下载依赖(npm...