首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在使用require语法时,如何让webpack不捆绑json?

在使用require语法时,可以通过以下两种方式让webpack不捆绑JSON文件:

  1. 使用json-loader插件:json-loader是webpack的一个加载器,可以将JSON文件转换为JavaScript对象。在webpack配置文件中,可以通过以下方式配置json-loader:
代码语言:javascript
复制
module: {
  rules: [
    {
      test: /\.json$/,
      loader: 'json-loader'
    }
  ]
}

然后在代码中使用require语法引入JSON文件,webpack会自动使用json-loader进行处理,不会将JSON文件捆绑到输出文件中。

  1. 使用resolve.extensions配置:在webpack配置文件中,可以通过resolve.extensions配置项指定可以省略的文件扩展名。可以将.json文件添加到resolve.extensions中,这样在使用require语法引入JSON文件时,可以省略文件扩展名,webpack会自动查找并加载对应的JSON文件。
代码语言:javascript
复制
resolve: {
  extensions: ['.js', '.json']
}

然后在代码中使用require语法引入JSON文件时,可以省略文件扩展名,webpack会自动查找并加载对应的JSON文件。

以上是两种常用的方法,可以让webpack在使用require语法时不捆绑JSON文件。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券