RequireJS 快速上手

简介:

RequireJS官方网站: http://requirejs.org/


  1. 下载requirejs文件,放到项目的js目录文件夹下。



 2. 在页面中引入requirejs文件,可采用如下两种方式引用。


  2.1 在header中引入

1
2
3
4
5
6
<head>
  <title>My Sample Project</title>
  <!-- data-main attribute tells require.js to load
              scripts/main.js after require.js loads. -->
  <script data-main= "scripts/main"  src= "scripts/require.js" ></script>
</head>


  2.2 在body结束前引用,避免影响页面渲染。


 3. 采用如下方式引入需要引用的js文件。

1
2
3
4
5
requirejs([ "helper/util" ],  function (util) {
     //该函数引用helper目录下的util.js文件
     //如果util.js定义了相关的依赖的话,会在依赖文件加载完毕后才会加载该文件
     //需要需要调用util.js中的方法,使用util.method()进行调用
     });





本文转自 genuinecx 51CTO博客,原文链接:http://blog.51cto.com/favccxx/1930100,如需转载请自行联系原作者
目录
相关文章
|
7月前
|
缓存 前端开发 JavaScript
深入了解 Vite:快速、简洁、高效的前端构建工具(上)
深入了解 Vite:快速、简洁、高效的前端构建工具(上)
|
JavaScript 前端开发 API
007 Umi 使用 TypeScript 提升开发者体验
007 Umi 使用 TypeScript 提升开发者体验
1170 0
007 Umi 使用 TypeScript 提升开发者体验
|
7月前
|
资源调度 JavaScript 前端开发
Vite:下一代前端构建工具的快速上手
Vite 是由 Vue.js 的作者尤雨溪开发的下一代前端构建工具,它以其快速的冷启动、按需编译和热更新能力而受到广泛关注。Vite 通过利用浏览器原生的 ES 模块导入功能,提供了几乎即时的开发环境启动速度和高度优化的开发体验。
104 2
|
7月前
|
缓存 前端开发 JavaScript
深入了解 Vite:快速、简洁、高效的前端构建工具(下)
深入了解 Vite:快速、简洁、高效的前端构建工具(下)
深入了解 Vite:快速、简洁、高效的前端构建工具(下)
|
小程序
微信小程序wepy框架入门教程 - 安装less/sass(四)
微信小程序wepy框架入门教程 - 安装less/sass(四)
219 0
|
Web App开发 JavaScript 前端开发
如何用vite+vue-next快速开发chrome插件
之前写过一篇文章《从开发chrome插件到插件系统设计》,主要讲述了如何开发一个chrome插件和chrome插件设计,感兴趣的同学可以再去看看。
980 0
|
缓存 前端开发 JavaScript
模块化开发与前端打包工具
模块化开发与前端打包工具
185 0
|
JavaScript 前端开发
vite 开发与学习
vite 开发与学习
|
JavaScript 前端开发 API
基于Vite构建工具,用Strve.js开发一个简版TodoList(真香!)
基于Vite构建工具,用Strve.js开发一个简版TodoList(真香!)
基于Vite构建工具,用Strve.js开发一个简版TodoList(真香!)
|
存储 缓存 资源调度
尤雨溪:向初学者推荐Vite 【为什么使用Vite】
尤雨溪:向初学者推荐Vite 【为什么使用Vite】
519 0