V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lizhesystem
V2EX  ›  Vue.js

请教一个 webpack 打包的问题?

  •  
  •   lizhesystem · 2021-12-06 15:46:59 +08:00 · 1632 次点击
    这是一个创建于 865 天前的主题,其中的信息可能已经有所发展或是发生改变。

    项目

    Vue 项目,用的 vue-cli ,webpack 版本 4.+

    需求

    1 、打包的时候分 2 次打,第一次打把某个文件下的所有文件(包含.vue .js )打包成一个单独的 JS 。

    2 、第二次打的时候(不包含我第一次打过的部分),最后我手工把指定文件夹打包的那个 JS 引到 index.html 里。

    因为要在客户那边打包,公司不想给客户源码😥

    对 webpack 不太熟,目前看了一些资料,还是不太清楚能不能实现,想问问各位大佬

    6 条回复    2021-12-07 11:05:47 +08:00
    cweijan
        1
    cweijan  
       2021-12-06 15:57:01 +08:00   ❤️ 1
    可以实现, 参考我这个[webpack 配置文件]( https://github.com/cweijan/vscode-database-client/blob/master/webpack.config.js), 步骤和你说的一模一样.
    yaphets666
        2
    yaphets666  
       2021-12-06 16:50:05 +08:00   ❤️ 1
    @cweijan 大佬你 webpack 怎么学的 我也想学
    cweijan
        3
    cweijan  
       2021-12-06 17:20:58 +08:00
    @yaphets666 我是写后端的, webpack 没看原理, 只看怎么使用, webpack 的主配置不超过 10 项, 都搜索一下相关的作用就完了.
    Biwood
        4
    Biwood  
       2021-12-06 17:33:04 +08:00   ❤️ 1
    可以用 dll 插件试试,参考官网文档 https://v4.webpack.docschina.org/plugins/dll-plugin/
    66beta
        5
    66beta  
       2021-12-06 17:34:47 +08:00   ❤️ 1
    客户说改几个字再打一次 XD
    iidear2015
        6
    iidear2015  
       2021-12-07 11:05:47 +08:00   ❤️ 1
    听你这个描述,某个文件下的代码是你们想要隐藏细节,又需要交付给用户的。把这些内容打成 npm 包的形式就可以了。
    第一次打包 target 指定为 lib 。
    第二次打包 externals 设置这个 lib
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2816 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:41 · PVG 19:41 · LAX 04:41 · JFK 07:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.