V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
liKeYunKeji
V2EX  ›  程序员

在 html 中引入 Vue.js 的 cdn 开发和工程化开发

  •  
  •   liKeYunKeji · Aug 11, 2023 · 2673 views
    This topic created in 992 days ago, the information mentioned may be changed or developed.

    个人小型开源项目,不想工程化,一方面是考虑降低用户的二次开发难度(有些人不懂工程化构建工具的使用),另一方面我也不喜欢工程化构建方式去开发,比较喜欢在 html 中撸项目。简单学了一下 Vue3 的组合式 API ,感觉可以搞!

    大家觉得个人小项目,在 html 中引入 Vue.js 的 cdn 开发方式,有什么后患?

    19 replies    2023-08-11 18:45:31 +08:00
    OnlyShimmer
        1
    OnlyShimmer  
       Aug 11, 2023
    不能自动压缩打包咯,能有什么后患
    sadfQED2
        2
    sadfQED2  
       Aug 11, 2023 via Android
    没后患,当年我接手的屎山项目就是这样用的。不但用了 vue ,还用了 jquery,bootstrap 。一个数据变了永远找不到是哪行代码导致的
    QUC062IzY3M1Y6dg
        3
    QUC062IzY3M1Y6dg  
       Aug 11, 2023
    呵呵我们公司有个项目就是这种风格
    Q4h7388nR28s95fa
        4
    Q4h7388nR28s95fa  
       Aug 11, 2023
    先推荐一下:

    https://github.com/dongnanyanhai/vue-web-loader-2

    然后后患就是:

    要自己考虑浏览器兼容性问题,一些比较新的 js 方法,可能在低版本浏览器没有实现。

    但这也不是太大难题,用 https://polyfill.io/v3/url-builder 就可以了。
    wonderfulcxm
        5
    wonderfulcxm  
       Aug 11, 2023 via iPhone
    挺好的,只要不往 js 里塞太多东西,SEO 也可以,还不用专门弄 ssr 。
    sparkinglemon
        6
    sparkinglemon  
       Aug 11, 2023
    可以搞,但是感觉拿 Vue 一整个怼上去有点重。

    推荐一手 alpinejs https://alpinejs.dev/ 最近在几个纯 HTML 上用了这个体验很好
    lisongeee
        7
    lisongeee  
       Aug 11, 2023
    一些缺点:

    - 每次打开网页运行都要编译一次 vue 模板,因为你没有用构建工具提前构建
    - 没有 hmr ,每次更改代码需要手动刷新页面,并且状态丢失

    总结:不如 https://stackblitz.com/ 一根 jb 毛

    楼上那哥们的 vue-web-loader-2 的具体讨论在 https://v2ex.com/t/928423#r_12886465 反正我是不敢用

    我只能说仁者见仁智者见智
    duan602728596
        8
    duan602728596  
       Aug 11, 2023
    要是老想着照顾别人,技术也不用发展了。
    wonderfulcxm
        9
    wonderfulcxm  
       Aug 11, 2023 via iPhone
    @sparkinglemon 这个还真不错,学习。
    EyebrowsWhite
        10
    EyebrowsWhite  
       Aug 11, 2023 via iPhone
    我觉得 vue 就属于工程化的框架,不想用工程化应该考虑换框架,比如楼上提到的 alpinejs 。我推荐一个 htmx
    Q4h7388nR28s95fa
        11
    Q4h7388nR28s95fa  
       Aug 11, 2023
    @lisongeee 不适合的场景就不建议适用 vue-web-loader-2 。

    vue-web-loader-2 这个项目就是针对小型,快速,不需要过多团队协作的前端开发场景,非此类需求,建议不要用。
    deacyn
        12
    deacyn  
       Aug 11, 2023 via iPhone
    hyzjshwo
        13
    hyzjshwo  
       Aug 11, 2023
    只能写在一个 js 文件里吧?浏览器也支持 import ?还是动态 script 载入?
    感觉得不偿失啊
    lyxeno
        14
    lyxeno  
       Aug 11, 2023
    项目够小可以。。。涉及到多人协作,光是解决冲突就要命了
    NerbraskaGuy
        15
    NerbraskaGuy  
       Aug 11, 2023
    vue3-sfc-loader 了解下,甚至支持 html 页面远程加载 vue 文件
    yangzzzzzz
        16
    yangzzzzzz  
       Aug 11, 2023
    会用 vue 的肯定对 vue 的脚手架也熟悉,不熟悉 vue 的即使你 cdn 引入 他还要学 vue 语法。个人感觉不如直接用官方 cli 搭项目 有问题也好解决
    cdswyda
        17
    cdswyda  
       Aug 11, 2023
    挺好的,没啥问题,甚至有的时候我会选择 [pite vue]( https://github.com/vuejs/petite-vue)
    liKeYunKeji
        18
    liKeYunKeji  
    OP
       Aug 11, 2023
    @hyzjshwo script 标签加入一个 type=module 属性
    liKeYunKeji
        19
    liKeYunKeji  
    OP
       Aug 11, 2023
    @sparkinglemon 感觉不错,体验了一下!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1007 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 53ms · UTC 18:59 · PVG 02:59 · LAX 11:59 · JFK 14:59
    ♥ Do have faith in what you're doing.