Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 网页包-需要基于生成配置的文件_Webpack - Fatal编程技术网
Fatal编程技术网
  • webpack/
  • Webpack 网页包-需要基于生成配置的文件

Webpack 网页包-需要基于生成配置的文件

webpack

Webpack 网页包-需要基于生成配置的文件,webpack,Webpack,在我们的项目中，可以在假后端模式或真实后端模式下运行应用程序。其思想是开发人员可以使用实现后端API但返回模拟数据的函数在本地进行开发 我希望能够做到以下几点： webpack--config webpack config fake.js 然后在代码中，我想做一些类似的事情： var mockSuffix = webpackConfig.options.isFake ? "-fake" : ""; var backendApi = require('backend-api'+mockSuffix

在我们的项目中，可以在假后端模式或真实后端模式下运行应用程序。其思想是开发人员可以使用实现后端API但返回模拟数据的函数在本地进行开发

我希望能够做到以下几点：

webpack--config webpack config fake.js

然后在代码中，我想做一些类似的事情：

var mockSuffix = webpackConfig.options.isFake ? "-fake" : "";
var backendApi = require('backend-api'+mockSuffix+'.js')
问题:

  • 这听起来像是正确的方法吗
  • 如何访问源代码中使用的webpackConfig
  • 我正在考虑的另一种方法是使用Webpack上下文。然而，我不确定它是否能在这方面有所帮助。有什么要考虑的吗？
在“假”配置中，您可以通过更换所需的模块。在下面的示例中，
require（'backend-api'）
生成
backend-api-mock

插件：[
新的webpack.NormalModuleReplacementPlugin（/backend api/，函数（结果）{
result.request=result.request.replace（/（后端api）/，“$1-mock”）；
}),
],
您还可以指示在解析请求时，您的模拟文件夹优先。看见在下面的示例中，
require（'backend-api'）
将首先查看
mockPath
，如果没有找到相应的模块，则返回到
dependenciesPath

解析：{
root:[mockPath，dependenciesPath]，
},
很有趣。我会考虑这个选择。这太棒了，谢谢！我一直在尝试使用一些外部
字符串替换
插件来实现这个功能，这个插件是现成的！