requirejs搭建前端框架

1. 文件结构

2. base.js

requirejs.config({
    baseUrl: ‘js‘,
    paths:{
        jquery:"../dist/js/jquery-1.11.3.min",
        domReady:"../dist/js/domReady"
    },

    urlArgs: "version=" + version,

    shim: {
        ‘jquery‘: {
            exports: ‘$‘
        }
    },
    callback:function(){
        console.log("execute page js ... ");
        require(pageJS);
    },

    deps:["jquery"] // 默认要加载的js

});

3. index.js

define(["domReady","jquery"],function(domReady,$){

	domReady(function(){

			console.log("index js ....");
	});
});

4. index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <script src="dist/js/requirejs-2.1.22.js"></script>

    <script>
        var version = "0.0.1";
        var pageJS = ["index"];
    </script>

    <script src="js/base.js"></script>

</head>
<body>

</body>
</html>
时间: 2024-10-05 23:12:56

requirejs搭建前端框架的相关文章

angularjs+requlirejs 搭建前端框架(1)

第一部分:发发牢骚吧 随着富前端时代的逐渐深入,越来越多的前端技术框架层出不穷,可以说是百花齐放.让我们这些爱好前端的人疲于奔命,今天学习这个框架,明天研究那个框架,哎,说不出的蛋疼...感觉好累...各种大神各种框架@#¥%,看得我是云里来雾里,心中一万只羊驼狂奔...看着大牛“越走越远”的背影,带着这颗被狂奔的心,我也只能继续前行啊... 之前说过,没有一颗成为“将军”的心,没有为成为“将军”而付出的人,那么你就只能接受“士兵”待遇.也许知足常乐.也许废寝忘食,见仁见智,没有对错…… 第二部

[前端框架搭建]requirejs+jquery+bootstarp+Angular的前端组合框架搭建详解(1)-----框架的引入与选择

在园子里晃了两年多,已经从小白变成了小白白. 这个框架的背景是这样的,公司本身有一套自己的框架,但是由其他部门维护,部门想自己弄一套框架,由自己的人来搞. 刚刚调到架构的我,成功的中枪. 废话少说,我们开始 -----------------------------------------------我是华丽的分割线--------------------------------------------------------------------- 各框架的使用与原因,每一个部分都有他必要存

基于requireJS和Gulp可快速搭建前端项目的脚手架

基于requireJS和Gulp可快速搭建前端项目的脚手架. 项目地址 git clone git@github.com:perfectSymphony/Gulp-cli.git 项目目录 ├── README.md # 项目说明 |—— bin # (在gulpfile文件中使用到)解析layout中的模板html,将完整的html产出到src/html中 ├── dist # 打包生成的项目文件 |—— logs # 监听编译less文件时,打印报错信息, ├── gulpfile.js #

准备.Net转前端开发-WPF界面框架那些事,搭建基础框架

题外话 最近都没怎么写博客,主要是最近在看WPF方面的书<wpf-4-unleashed.pdf>,挑了比较重要的几个章节学习了下WPF基础技术.另外,也把这本书推荐给目前正在从事WPF开发的程序猿. 现在书看完了也该实践实践,写了个WPF项目,主要以界面框架为主.  最近的几篇博客也主要围绕这个WPF项目,介绍下WPF搭建界面框架以及怎样写自定义的Windows界面和控件. 这也许是写最后几篇关于.Net技术的博客.做.Net开发也快五年了,感觉自己搞得不温不火,另外工作中正好有一个机会转做

nodejs中weex前端框架小项目的搭建。

最近想要在学习nodejs,前端框架想要使用weex然后就想要安装一个weex框架. 首先我们要先安装好自己的nodejs, 判断自己的nodejs是否安装成功,自己可以打开自己的dos窗口,然后自己进行验证,在窗口中输入node -v查看自己的版本号.如图: 然后自己可以直接进行安装weex这个框架,但是自己试了一下几次都没有安装成功,然后自己就只好转变自己的安装方法.成功的一次是自己通过淘宝镜像的cnpm安装成功了. 当我们安装好了nodejs之后,通过配置自己的环境变量,自己可以配置好自己

闲话js前端框架(1)——从avalonjs的模板说起

闲话js前端框架 前端人员=美工+设计+代码+测试 --题记 专题文章: 一.从avalonjs的模板说起 二.庞大的angularjs 三.再也不想碰DOM 四.组件化?有没有后端的事? 五.再看自己一年前设计的微型渲染引擎 六.在浏览器标准上做文章 七.抛开浏览器,构建应用容器 八.为何Flash.银光和Java都在网页端一蹶不振 本文属 西风逍遥游 原创, 转载请注明出处: 西风世界 http://blog.csdn.net/xfxyy_sxfancy 一.从avalonjs的模板说起 我

这些年帮过我的前端框架(实用篇)

前端其实就好像建房子一样,建设的方式也是多种多样的. 例如你可以什么都不用,单靠双手去把房子砌起来.这样实在,稳健,房子的每一个角落你都知道得清楚楚楚,但是效率偏低. 你也可以使用各种工具,提交你建房子的效率.例如你可以用搅拌机,帮你和水泥.你可以不需要知道搅拌机的运行原理,你只要按它的指示按下开关,它就很快地帮你完成任务. 前端的框架,就是我们前端建房子的工具,繁多好用. 接下来我就要说一下这些年对我很有帮助的前端框架. 1.基础型框架 1.1jQuery--前端不懂jQuery,学得更多也枉

前端框架初探

一.前端框架库: 1.Zepto.js 地址:http://www.css88.com/doc/zeptojs/ 描述:Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api. 如果你会用jquery,那么你也会用zepto.关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的,只作了些基础的了解. 2.SUI Mobile 地址:http://m.sui.taobao.org 描述:SUI Mobile 是一套基于 Framework7 开

基于angularJS和requireJS的前端架构

1.概要描述 1.1.angularJS描述:angularJS是可以用来构建WEB应用的,WEB应用中的一种端对端的完整解决方案.通过开发者呈现一个更高层次的抽象来简化应用的开发.最适合的就是用它来构建一个CRUD应用,它提供了非常方便的且统一高效的解决方案,其数据绑定.基本模版标识符.表单验证.路由.深度链接.组件重用.依赖注入.以及HTML标记等,最受欢迎的莫过于它的双向数据绑定. 1.2.requireJS描述:requireJS是来解决传统的页面加载script标记操作,通过其初始化配