XanderChen
V2EX  ›  Node.js

现在有能够完全脱离 node.js 和 npm 的跨平台前端开发的解决方案吗?

  •  
  •   XanderChen · May 7, 2020 · 11188 views
    This topic created in 2372 days ago, the information mentioned may be changed or developed.

    感觉处处都是 npm 。

    啥玩意儿都得 npm install 一下。

    有没有能够完全脱离 npm 和 nodejs 的前端开发方案?

    49 replies  •  2020-07-28 09:11:30 +08:00
    airyland
    airyland
    May 7, 2020
    1
    你可以用原生 js 或者 jQuery 配合手动刷新页面的方式,也就是回到古老的刀耕火种的方式。
    nerocc
    nerocc
    May 7, 2020 via Android
    2
    Blazor + nuget
    ochatokori
    ochatokori
    May 7, 2020 via Android
    3
    也不一定脱离了就只能用原生或者 jq,有不少库都可以用 script 标签引入。

    不过有什么不得不脱离 nodejs 的理由吗,这不是给自己找麻烦嘛
    lichdkimba
    lichdkimba
    May 7, 2020❤️1
    4
    vue 不是可以<script>引用的吗
    hoyixi
    hoyixi
    May 7, 2020
    5
    很难摆脱,因为很多库都是这么发布和管理的,除非代码你都自己写
    teawithlife
    teawithlife
    May 7, 2020
    6
    可以用 yarn 啊[手动狗头]
    blless
    blless
    May 7, 2020 via Android
    7
    vugu🌝
    WildCat
    WildCat
    May 7, 2020
    8
    .net
    rust
    WildCat
    WildCat
    May 7, 2020
    9
    JB18CM
    JB18CM
    May 7, 2020
    10
    node.js 真的是太笨重了, 哪怕是一个小工具都格外赠送一个浏览器给你.
    nannanziyu
    nannanziyu
    May 7, 2020 via Android
    11
    @greatgodwei 这是没分清 electron 和 nodejs ?
    zhw2590582
    zhw2590582
    May 7, 2020
    12
    这个时候 deno 就彰显优势了
    JB18CM
    JB18CM
    May 7, 2020
    13
    @nannanziyu 看错了,还以为楼主说的是跨平台 UI 了.
    artyhacker
    artyhacker
    May 7, 2020❤️6
    14
    很多新手就是这样,总觉得目前更高效的工具都是无用和麻烦的,只有从最原始的方式逐步过渡过来才能明白这些工具的意义.
    Mutoo
    Mutoo
    May 7, 2020
    15
    webpack 之类的模块打包工具还不成熟的时候,twitter 推出了一个叫 bower 的工具,可以把依赖下载到本地。然后自己 <script> 到网页上,或者用 browserify 打包。
    不过后来 twitter 自己都放弃 bower 了。
    http://bower.io/
    BlackBerry999
    BlackBerry999
    May 7, 2020
    16
    flutter
    huan1043269994
    huan1043269994
    May 7, 2020
    18
    Flutter 走起
    exploreXin
    exploreXin
    May 7, 2020
    19
    脱离实际场景讨论技术是危险的,不同的场景要用不同的技术方案,看似可有可无的习惯,长久下去,会毁了程序开发人员的技术嗅觉。
    nielinjie
    nielinjie
    May 7, 2020
    20
    为啥要别的呢?不香了么?关键是要提出哪里不香,才好讨论可能的替代品 /补充品。
    dodo2012
    dodo2012
    May 7, 2020❤️1
    21
    我最烦的是 node_modules 这玩意,随便一个项目,代码没多少,依赖一大堆,轻松几百 M
    runze
    runze
    May 7, 2020
    22
    @dodo2012 #21 snowpack
    yuxizhe
    yuxizhe
    May 7, 2020
    23
    flutter
    AV1
    AV1
    May 7, 2020
    24
    vue+element-ui 只需引入三个文件就可以干活了。

    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <div id="app">
    <el-button @click="visible = true">Button</el-button>
    <el-dialog :visible.sync="visible" title="Hello world">
    <p>Try Element</p>
    </el-dialog>
    </div>

    <script>
    new Vue({
    el: '#app',
    data: function () {
    return { visible: false }
    }
    })
    </script>
    darknoll
    darknoll
    May 7, 2020
    25
    我用 cef,js 和 c++足矣
    llsquaer
    llsquaer
    May 7, 2020
    26
    @DOLLOR 这样写出来源码直接暴露在外面的..学了一段时间 vue..但是他们打包过后的源码直接就看不懂了.
    ppphp
    ppphp
    May 7, 2020
    27
    有的,第一步,先打开 txt
    Messiahhh
    Messiahhh
    May 7, 2020
    28
    yarn install...
    w3cfed
    w3cfed
    May 7, 2020
    29
    deno
    rust

    走起。
    luozic
    luozic
    May 8, 2020
    30
    kotlin C# C++ 不少语言都支持跨平台开发啊。
    tyrealgray
    tyrealgray
    May 8, 2020
    31
    haxe
    QingXuJiaZhi
    QingXuJiaZhi
    May 8, 2020
    32
    明明主流的如 React, Vue, Bootstrap 等等,都可以完全脱离 node.js 呀。
    QingXuJiaZhi
    QingXuJiaZhi
    May 8, 2020
    33
    比如 Vue 官网入门教程 https://cn.vuejs.org/v2/guide/ 一开头的安装部分,官方本来就推荐用 <script src="https://cdn.jsdelivr.net/npm/vue"></script> 并且明确说明 “安装教程给出了更多安装 Vue 的方式。请注意我们不推荐新手直接使用 vue-cli,尤其是在你还不熟悉基于 Node.js 的构建工具时”
    rb6221
    rb6221
    May 8, 2020
    34
    一定程度上包管理就等于生态,所以提到前端的生态最猛的不就是 npm 么……
    wanguorui123
    wanguorui123
    May 8, 2020 via iPhone
    35
    自己撸框架,类加载
    xingyuc
    xingyuc
    May 8, 2020
    36
    @artyhacker 一个单页面小工具需要 npm 几十上百 m 的包,有何用?
    xingyuc
    xingyuc
    May 8, 2020
    37
    @llsquaer 可以看下 33 楼,前台的东西有什么不能给看的
    weixiangzhe
    weixiangzhe
    May 8, 2020
    38
    script 加 type=module 可以直接写,写写 demo 可以, 生产就不要想了
    AV1
    AV1
    May 8, 2020
    39
    @xingyuc 写“小工具”用 Vanilla JS 咯,连<script src="jquery.js">都嫌多余。
    lvming6816077
    lvming6816077
    May 8, 2020
    40
    最简洁也是性能最好的方法就是直接用原生 JavaScript 来写,需要啥就用<script>引入,这样更可控,不像用 Npm install 会下载很多依赖的模块,导致前端资源变大。
    ccyu220
    ccyu220
    May 8, 2020
    41
    @xingyuc 又不自己造轮子,又想车动起来。一个单页面几十上百 M 的包,你就不能先去看看你需要的包和包自身依赖吗。
    JayLin1011
    JayLin1011
    May 8, 2020
    42
    目前沒有,感覺太不切實際,畢竟有很多實用的輪子,當然 deno 未來可期,體驗會好一些。
    james122333
    james122333
    May 8, 2020
    43
    有阿 只不过很多东西你得自己来而已 但这样自订也高 放弃 Windows 深入 Unix 哲学吧 (滑稽)
    xingyuc
    xingyuc
    May 9, 2020
    44
    @ccyu220 我只需要 dist 下几个文件 就可以了……用得着另外那几百 m 么
    xingyuc
    xingyuc
    May 9, 2020
    45
    @DOLLOR 666,长见识了
    artyhacker
    artyhacker
    May 11, 2020
    46
    @xingyuc 这些包不是你自己装的?你要觉得太大可以选择不用啊,从头自己造轮子呗. 你写个 word 和 ppt 还得装好几个 G 呢.
    libook
    libook
    May 11, 2020
    47
    工具是为需求服务的,不是用来制造麻烦的,如果你用工具感觉还不如不用,那就没必要硬上工具。

    比如需求就是做一个表单页面,没有复杂的交互和数据流,这样完全没必要用任何框架和库,原生 JS 、CSS 、HTML 就够了。

    技术选型不是选归宿,你在一个地方用 NPM 不爽,但在另一个地方可能不用 NPM 会不爽;所以用上 NPM 也不是说任何情况下都必须用 NPM,不用 NPM 也不是说任何情况下都必须不用 NPM,反正老板按照出的活给钱,不管三七二十一,能快速出活就香。
    genal
    genal
    Jul 27, 2020
    48
    @xingyuc test
    xingyuc
    xingyuc
    Jul 28, 2020
    49
    @genal 啥
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4767 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 93ms · UTC 09:17 · PVG 17:17 · LAX 01:17 · JFK 04:17
    ♥ Do have faith in what you're doing.