vue多页
16篇文章 · 0订阅
  • 应用于 Hybrid App 的 Vue 多页面构建
    本文介绍一款基于 Vue 的使 App 支持离线缓存 Web 资源的混合开发框架。本人小白一枚，请将它视作一份我的学习总结，欢迎大神们赐教。本文多阐述思路，实现细节请阅读源码。 高效率界面开发：HTML + CSS + JavaScript 被证实具备极高的界面开发效率。 跨平…
    Vue.js 前端 Gulp
  • Webpack实战-管理多个单页应用
    上一节3-9为单页应用生成HTML中只生成了一个 HTML 文件，但在实际应用中一个完整的系统不会把所有的功能都做到一个网页中，因为这会导致这个网页性能不佳。 实际的做法是按照功能模块划分成多个单页应用，每个单页应用生成一个 HTML 文件。并且随着业务的发展更多的单页应用可能…
    React.js Webpack
  • 用webpack搭建多页面项目
    如上配置执行 webpack 命令后，会将入口文件中所有的成员都打包到 build 下，文件名为 entry 对象中的键名。
    前端 Webpack
  • vue-cli3+ts+webpack实现多入口多出口
    最近公司有一个需求，需要在项目里面嵌套h5的页面，而且不止有一个嵌套的页面，那么就想办法运用webpack的多入口多出口的打包模式，网上查了很多资料，也有多入口多出口的案例，github上也有相应源码，我就不做过多讲解了。这里把博客贴出来vue多入口多出口打包，相应的多入口多出…
    Vue.js
  • 使用 Webpack 打包时的 “多页” 实践
    在开发时我们经常使用 Webpack 官方提供的 webpack-dev-server 插件。我们只需要通过一个入口 main.js 和入口页面 HTML，用 webpack-dev-server 就能够提供热更新 “Live Reload” 以及热替换“Hot Module Replacement”（即 HMR） ，这很方便，但是在实际项目中我们遇到了更复杂的场景。
    Webpack
  • webpack多页面打包
    简介我们开发不可能只写一个页面，每次都要写很多页面，这时为了开发效率，我们使用前端自动化工具webpack，那么webpack是如何打包页面的呢？又是如何打包多页面的呢？单页面打包我们知道要打包单页面
    Webpack
  • 分享一个高性能灵活的多页面Vue脚手架
    性能高，灵活。 效果就是 html 文件部署在自己服务器上，第三方资源就加载第三方的，其他的从七牛或阿里cdn上加载，充分的利用了浏览器缓存。下一次再创建项目的时候在 project 下创建个文件夹，马上就可以用。 遂推荐一波，希望能帮助到有需要的小伙伴。 可以创建多个单独项目…
    JavaScript 前端 CDN
  • 手把手教你 vue-cli 单页到多页应用
    前言：我有一个cli创建的vue项目，但是我想做成多页应用，怎么办，废话不多说，直接开撸~ 约定：新增代码部分在//add和//end中间 删除(注释)代码部分在//del和//end中间，很多东西都写在注释里 新建一个vue项目 官网 vue init webpack dem…
    Vue.js
  • 基于 vue-cli 单页面脚手架改造的多页面项目
    了解了 Vue 一般都会去用 Vue-cli 入门，这是一个构建 SPA 的脚手架，查看其 build 的项目，可以看到它是将所有的模块都输出到一个 build.js 中，有时候会看到这个 js 文件特别大，有好几兆，然而当一个项目足够复杂时，SPA 恐怕不再适合使用了，用户不可能访问你的网页的时候一下子下载一个几兆的文件，特别对于手机用户，可能用户只看了网站中的一篇文章，这也会导致网页加载慢，这是不可取的。所以应该将网站划分成若干模块。于是就有了本 demo（一个用于构建多页面的脚手架）
    Vue.js 前端 Webpack