当前位置: 首页 > news >正文

webpack如何把dist.js中某个模块js打包成一个全局变量,使得在html引入dist.js后可以直接访问

webpack可以通过使用expose-loader来将模块中的一个js文件暴露为全局可以访问的变量。下面是一个示例代码:
1、安装expose-loader

npm install expose-loader --save-dev

2、webpack.config.js配置文件

值得注意的是:我在本地使用16.14.2版本的node打包时会报一些警告,升级node18.12.1未报警告,警告信息如下:
在这里插入图片描述

module.exports = {entry: "./lib/index.js",output: {path: path.resolve(__dirname, "dist"),filename: "dist.js",clean: true,},module: {rules: [{test: require.resolve('./lib/index.js'), // 模块的路径use: [{loader: 'expose-loader',options: {exposes: 'outName' // 替换为你想要暴露的全局变量名}}]}]}
};

在这里插入图片描述

http://www.lryc.cn/news/288784.html

相关文章:

  • Mysql第一天
  • 用C语言实现贪吃蛇游戏!!!(破万字)
  • uniapp 使用echarts做折线图条形图。
  • 美易平台:诺基亚四季度财报超预期
  • 大数据学习之Flink算子、了解(Source)源算子(基础篇二)
  • 抖去推短视频矩阵系统+实景无人直播系统技术源头开发
  • 【机器学习】一文读懂统计学与机器学习的区别。
  • 燃烧的指针(二)
  • 【工具使用-Everything】everything只能搜到文件夹,无法搜到文件
  • 手写rpc和redis
  • Unity动画桢事件
  • 搭建Redis集群
  • C语言sizeof 不是函数吗?
  • Mybatis的XML配置
  • Oracle报错:ORA-08002: sequence CURRVAL is not yet defined in this session
  • python10-Python的字符串之拼接字符串
  • 华为三层交换机之基本操作
  • IntelliJ IDEA 快捷键大全
  • scrapy的概念作用和工作流程
  • 首页热卖推荐商品显示axios异步请求数据动态渲染实现
  • 【C++11并发】mutex 笔记
  • 洛谷 P5635 【CSGRound1】天下第一
  • 如何通过Navicat远程访问宝塔面板安装的MySQL数据库
  • 【硅谷甄选】导航守卫(进度条,网页标题,路由鉴权)
  • OpenHarmony—TypeScript到ArkTS约束说明
  • 蓝桥杯——每日一练(简单题)
  • css设置不可点击
  • fastapi学习
  • 【代码随想录-数组】长度最小的子数组
  • 多表查询练习题