请教一个 webpack 打包的问题？

[lizhesystem]

项目

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

需求

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

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

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

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

[cweijan]

可以实现, 参考我这个[webpack 配置文件]( https://github.com/cweijan/vscode-database-client/blob/master/webpack.config.js), 步骤和你说的一模一样.

[yaphets666]

@cweijan 大佬你 webpack 怎么学的 我也想学

[cweijan]

@yaphets666 我是写后端的, webpack 没看原理, 只看怎么使用, webpack 的主配置不超过 10 项, 都搜索一下相关的作用就完了.

[Biwood]

可以用 dll 插件试试，参考官网文档 https://v4.webpack.docschina.org/plugins/dll-plugin/

[66beta]

客户说改几个字再打一次 XD

[iidear2015]

听你这个描述，某个文件下的代码是你们想要隐藏细节，又需要交付给用户的。把这些内容打成 npm 包的形式就可以了。
第一次打包 target 指定为 lib 。
第二次打包 externals 设置这个 lib