webpack配置静态资源

webpack配置静态资源

在外面开发阶段不希望使用copywebpackplugin进行public里面的资源的复制，此时外面就使用contentBase，但是在打包阶段需要使用copywebpackplugin

理解为什么需要这样处理静态资源

我们是源代码需要进行打包如何部署在服务器上，我们打包源代码之后，打包的资源会放在memfs上，此时我们通过浏览器访问服务器是哪memfs的资源，如果我们需要访问其他资源则需要设置contentBase,在memfs没有拿到的资源我们可以在contentBase里面拿到。如果是打包阶段，我们则需要使用copywebpackplugin进行资源复制。

const CopyPlugin = require("copy-webpack-plugin");

module.exports = {
  plugins: [
    new CopyPlugin({
      patterns: [
        { from: "source", to: "dest" },
        { from: "other", to: "public" },
      ],
    }),
  ],
};