[webpack] wp如何将某一个文件复制到另一个文件？

Question

我有2个目录如图：

一个是我本地的 pubilc， 一个是我需要git到云的src 。它们中的文件与结构大部分是一样的， 具体目录结构如下 ：

| public
    |  js
        |- all.js
    |  css
    |  libs
    |  images
    |- index.html    
    
| src
    |  js
        |- all.js
    |  css
    |  tmp
    |  back
    |- index.html

我现在需要把本地目录下public的 js/all.js 使用 webpack 编译到 src 下的 js/all.js ;

请问相关指令与配置， 非常感谢!

Answer 1

1. 直接使用库：copy-webpack-plugin
2. 利用 shelljs 库 比如:
   https://github.com/nicejade/v...

这在 Webpack 打包优化之速度篇 - 拷贝静态文件 一文中国有阐述。

Answer 2

如果只是拷贝文件，可以使用copy-webpack-plugin

Answer 3

内容的复制的话，需要用到 node 的 fs模块，你可以封装一个webpack 的插件。思路大概是：
先读取目标文件和需要复制文件的的内容

fs.readFile('/etc/passwd', (err, data) => {
  if (err) throw err;
  console.log(data);
});

然后 拿到内容之后，就拼接起来，最后写入目标文件，

fs.writeSync(fd, buffer[, offset[, length[, position]]])

可以封装成一个 wepack 插件 类似于copy-webpack-plugin这么用就可以了.

Answer 4

Node就可以搞定了