使用file-loader加载普通文件适配开发与生产

最新推荐文章于 2025-04-25 17:27:46 发布

不会写文章的小菜鸟

最新推荐文章于 2025-04-25 17:27:46 发布

阅读量162

点赞数

分类专栏： webpack 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_37394681/article/details/128786989

版权

webpack 专栏收录该内容

1 篇文章

订阅专栏

options的name选项可以为一个函数，可以在函数中判断如果是开发环境，直接返回源路径，如果是生产环境则返回打包文件后的路径。配置好以后，使用import/require返回的路径在开发和生产中都可以找到指定文件。

可以查看webpack中file-loader的文档：file-loader | webpack

      {
        test: /\.docx?$/,
        use: {
          loader: 'file-loader',
          outputPath: 'doc',
          options: {
            name(resourcePath, resourceQuery){
              if (process.env.NODE_ENV !== 'production') {
                return resourcePath;
              }
              return '[name].[ext]';
            },
          },
        }
      },