Webpack用户注意事项

Webpack是一个流行的模块绑定器,用于打包JavaScript和Node.js应用程序。Webpack的主要目的是将一组大型的相互依赖的模块捆绑到一个较小的输出工件集中,从而提高应用程序的性能。

Webpack试图确定模块之间的依赖关系,并删除无法找到明确依赖关系的模块函数。因此,对于使用tCell代理的Node应用程序,webpack经常会意外地删除tcell-agent依赖。因此,管理很重要tcell-agent显式地作为外部依赖项。

的webpack外部环境配置选项允许应用程序显式地告诉webpack将节点依赖作为标准节点外部依赖加载,而不是试图“内联”依赖函数。附带的示例webpack.config.jsWebpack包有一个现有的外部,表达,以及额外的外部tcell-agent.你应该一直使用外部环境示例中显示的格式。

          
例如:webpack.config.js文件
1
常量路径需要“路径”
2
3.
模块出口
4
目标:“节点”
5
条目:“/ src / start.ts。”
6
模块:
7
规则:
8
9
测试:/ \ .tsx吗?美元/
10
使用:“ts-loader”
11
12
13
14
解决:
15
扩展:“.tsx”“.ts”. js”
16
17
外部环境:
18
“tcell-agent”:“需要(tcell-agent)”
19
“表达”:“要求(“表达”)”
20.
21
输出:
22
文件名:“bundle.js”
23
路径:路径解决__dirname“距离”
24
25

故障排除

如果Node代理没有连接到tCell云并通信事件,请执行以下操作:

  1. 输出主服务器文件有一个导出tcell-agent要求。验证的一个简单方法是使用标准grep工具。例如,如果输出文件为dist / bundle.js然后运行:
                
    使用grep验证tcell代理的要求
    1
    grep dist / bundle.js“tcell-agent”
    这应该返回一个hit with要求(“tcell-agent”)作为一个出口。
  2. 检查webpack.config.js文件以确保目标是“节点”。
  3. 一些复杂的构建和部署系统有多个webpack.config.js文件。检查以确保所有webpack.config.js节点应用程序的文件tcell-agent外部环境列表。