社区
HTML5
帖子详情
webpack打包后的文件引用问题---require.js
persuit666
2017-06-13 11:03:11
假设webpack打包后的js文件并且压缩后为xxx.min.js,大小为20KB,在页面上引用的时候
常规引用为
<script src="xxx.min.js">
我的意思是常规引用肯定是同步的,是否可以用require.js去异步加载这个打包后的js文件呢?
...全文
1089
4
打赏
收藏
webpack打包后的文件引用问题---require.js
假设webpack打包后的js文件并且压缩后为xxx.min.js,大小为20KB,在页面上引用的时候 常规引用为 我的意思是常规引用肯定是同步的,是否可以用require.js去异步加载这个打包后的js文件呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
IsolatedTraveler
2020-09-01
打赏
举报
回复
可以的,类似vue的插件都是打包后用import/require去引用的
persuit666
2017-06-14
打赏
举报
回复
我的意思是webpack打包后的东西有没有人再用require.js去异步加载这个打包后的文件?有没有人这么干过,这跟require.js接口没多大关系的,我的目的是最大化的提高资源载入效率
persuit666
2017-06-14
打赏
举报
回复
引用 1 楼 sp1234 的回复:
仔细看看 requirejs文档。
一头茫然,不切题!回答太泛泛了,我想得到一个经验或者直接的答案,这样我少走弯路,我在拟定研发方案
以专业开发人员为伍
2017-06-13
打赏
举报
回复
仔细看看 requirejs文档。
webpack
-wxapp-module-plugin:微信小程序
webpack
打包
插件
webpack
-wxapp-module-plugin 一、简介 微信小程序webapck插件 支持哪些特性? 仅需要配置entry 指向app.
js
即可 例如 entry:'./app.
js
' 支持node_modules 模块
引用
支持node_modules 组件
引用
node_modules平行移植
打包
后的
require
会自动修改
引用
路径 例如:
require
('lodash') 那么当
打包
后在dist下的
引用
变为
require
('./node_modules/lodash/inde.jx) 自动分析需要编译的
文件
,产出wxapp需要的目录结构 例如pages以及components,.wxml
引用
的图片,以及app.
js
on
引用
的图片以及页面与分包加载页面等 产出的目标
文件
均为common
js
模块类型,无
webpack
_
require
自带的模块规范与
引用
,方便调试识别 可以
webpack
4+学习笔记:3.
webpack
手动配置
打包
之
webpack
.config.
js
与
webpack
-dev-server
webpack
手动配置
打包
之
webpack
.config.
js
与
webpack
-dev-server 1. 在项目的根目录下新建
文件
webpack
.config.
js
文件
2.
webpack
.config.
js
配置有以下几种类型 (1)单页面入口 ① index.
js
入口页面 console.log("Wellcome to
webpack
4+"); ②
webpack
.co...
【
Webpack
5.x /
Webpack
】模块化
打包
工具.实战视频教
授课特色: 由浅入深,情景教学、案例教学作为一个现代javascript 应用程序的静态模块
打包
器,
webpack
能将各种资源,如
js
,css, 图片等作为模块来处理,是当下前端工程化的一个很受欢迎的工具,
webpack
目前最新的版本是4.0。
Webpack
是当下最热门的前端资源模块化管理和
打包
工具。它可以将许多松散的模块按照依赖和规则
打包
成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader 的转换,任何形式的资源都可以视作模块,比如 Common
Js
模块、 AMD 模块、 ES6 模块、CSS、图片、
JS
ON、Coffeescript、 LESS 等。
Webpack
已经是大部分前端项目
打包
工具,比如最热门前端框架之一React,用它开发的项目都是用
webpack
进行模块化管理和
打包
。1、
webpack
工具的安装2、服务安装与启动3、html
打包
3,布局图片
打包
4、内容图片
打包
5、ES6
打包
webpack
-热门的模块加载器兼
打包
工具
webpack
介绍
webpack
作用browerify和
webpack
的区别
webpack
的安装
webpack
编译第一个例子loader加载其他类型
文件
webpack
.config.
js
用其他名字的配置
文件
生产环境编译开发环境编译监听
文件
变化生成source-mapbabel配置babelrc
文件
的作用
webpack
-dev-server端口号更改热重载、实时刷新
webpack
性能优化方式之dll
---
webpack
.dll.config.
js
为什么需要优化 优化的方式 如何使用dll优化 为什么需要优化 相信使用过
webpack
的童鞋应该有体会到,在
文件
相对较庞大时,
webpack
的构建速度是非常慢的,那这样的话对我们的开发人员来说体验非常不好。 优化的方式 性能优化方式有很多,这里来介绍一下dll,dll是一种最简单粗暴并且极其有效的优化方式,且我的公司项目也是用的这种方式。 如何使用dll优化 在...
webpack
打包
js
文件
的
问题
前言 这里记录下
webpack
打包
js
文件
的配置和遇到的
问题
。因环境版本等不同,解决办法未必都是通用的,仅作为大家参考之用; 我的环境配置 macOS M1 系统
webpack
版本:(全局版本)
webpack
5.49.0,
webpack
-cli 4.7.2 node版本:v14.17.4 开发工具:webstorm 学习自建目录结构 dist目录下存放的是我们
webpack
打包
后的最终
js
输出
文件
node_modules 是我们安装项目本地的
webpack
后,目录自动生成的,全局和本地的webpa
HTML5
39,082
社区成员
5,548
社区内容
发帖
与我相关
我的任务
HTML5
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
复制链接
扫一扫
分享
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章