社区
JavaScript
帖子详情
webpack打包非模块化js
persuit666
2017-06-23 10:04:35
我有几个js,里边的东西都是全局的,比如声明了几个函数
比如a.js
内容如下
function aaa(){}
function bbb(){}
b.js
内容如下
function ccc(){}
function ddd(){}
请问webpack如何配置才能让a和b合并,并且是全局变量形式的呢?
假设a和b打包后文件为c.js
(比如调用者用<script>引入打包后的c.js后直接调用aaa函数即可),怎么实现呢?
...全文
198
回复
打赏
收藏
webpack打包非模块化js
我有几个js,里边的东西都是全局的,比如声明了几个函数 比如a.js 内容如下 function aaa(){} function bbb(){} b.js 内容如下 function ccc(){} function ddd(){} 请问webpack如何配置才能让a和b合并,并且是全局变量形式的呢? 假设a和b打包后文件为c.js (比如调用者用引入打包后的c.js后直接调用aaa函数即可),怎么实现呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
webpack
打包
非
模块化
js
的方法
本文主要记录了
非
模块化
js
如何使用
webpack
打包
,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Webpack
通过loader
打包
非
js
模块
在实际开发过程中,
webpack
默认只能
打包
处理.
js
文件,
非
,
js
文件,需要调用loader加载器才可以正常
打包
。 loader加载器可以协助
webpack
打包
处理特定文件模块 – css文件
打包
处理 运行npm i style-loader css-loader -D,安装相关插件。 在
webpack
.config.
js
文件中module中rules数组中,添加如下配置: module.exports={ module:{//所有第三方文件模板的匹配规则 rules:[ //
打包
处理cs
webpack
:通过loader
打包
非
js
模块
loader调用过程: CSS文件: 未添加loader之前,若有css文件,运行会报以下错: 解决:添加相应的loader: 1.安装插件 npm install --save-dev style-loader css-loader 2.在
webpack
.config.
js
加入module那块 3.运行,不会报错了。 图片文件: 未添加图片相关的loader前,会报以下错: 解决:添加loader: 1.安装插件 npm install --save-dev file-loader npm i
webpack
引入
非
模块化
文件
webpack
引入
非
模块化
js
的方法: 比如我们要在
webpack
项目中引入 qrcode
js
(生成二维码的插件),插件详细代码如下: 解决办法: 先安装 exports-loader 文件解析插件: npm install -D exports-loader npm下载qrcode: cnpm install -S qrcode
js
引入: // let QRCode ...
使用
Webpack
进行
模块化
开发与
打包
Webpack
是一个现代化的JavaScript模块
打包
工具,它可以将多个模块
打包
成一个或多个静态资源文件。通过
Webpack
,我们可以将项目中的各个模块进行
模块化
开发,并将它们
打包
成一个或多个可供浏览器加载的静态资源文件。通过以上示例,我们可以看到使用
Webpack
进行
模块化
开发与
打包
的过程。
Webpack
可以帮助我们将项目中的各个模块进行
模块化
开发,并将它们
打包
成一个或多个静态资源文件,提高代码的可维护性和可复用性,同时还可以优化资源,提高页面的加载速度。
JavaScript
87,993
社区成员
224,694
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章