一键发布应用了seajs的asp.net项目
2013-04-22 11:35
549 查看
应用了seajs的模块化js文件不能像普通js文件一样直接合并和压缩,具体可以看这里为什么 SeaJS 模块的合并这么麻烦。下面演示了如何使用VS2012一键发布应用了seajs的asp.net项目,需要用到的工具有nodejs、grunt、msbuild等。
项目目录结构
其中base.js是一个公用的JS库,pulg-a.js,pulg-b.js是基于base的公用插件。
对于开发环境的项目,在浏览器中访问Index.html 会加载base.js、sea.js、 common.js、 plug-a.js、plug-b.js。
对于发布后的项目,在浏览器中访问Index.html只会加载 seas.js、base.js、common.js。
插件pulg-a.js代码如下:
插件pulg-b.js代码如下:
common.js 包含了项目中所有插件,代码如下:
Index.html是调用页面,代码如下:
在VS2012的解决方案资源管理器中右击项目选择发布后会自动合并plug-a.js、plug-b.js为common.js,然后使用uglify分别压缩base.js和common.js
发布后的项目目录结构:
下载示例代码
项目目录结构
其中base.js是一个公用的JS库,pulg-a.js,pulg-b.js是基于base的公用插件。
对于开发环境的项目,在浏览器中访问Index.html 会加载base.js、sea.js、 common.js、 plug-a.js、plug-b.js。
对于发布后的项目,在浏览器中访问Index.html只会加载 seas.js、base.js、common.js。
插件pulg-a.js代码如下:
define(function (require, exports, module) { var base = require("./base"); exports.run = function(){ alert("a"); } });
插件pulg-b.js代码如下:
define(function (require, exports, module) { var base = require("./base"); exports.run = function(){ alert("b") } });
common.js 包含了项目中所有插件,代码如下:
define(function(require, exports, module){ exports.a = require("./plug-a.js"); exports.b = require("./plug-b.js"); });
Index.html是调用页面,代码如下:
<body> <script src="js/sea.js"></script> <script> seajs.use("./js/common.js", function (common) { common.a.run(); }); </script> </body>
在VS2012的解决方案资源管理器中右击项目选择发布后会自动合并plug-a.js、plug-b.js为common.js,然后使用uglify分别压缩base.js和common.js
发布后的项目目录结构:
下载示例代码
相关文章推荐
- ASP.NET Web Service应用发布到IIs怎么做
- 在ASP.NET Web项目上创建一个ASP.NET Web API 2.0应用
- 解读ASP.NET 5 & MVC6系列(3):项目发布与部署
- 基于ASP.NET MVC 3的企业应用项目总结
- 【无私分享:ASP.NET CORE 项目实战(第三章)】EntityFramework下领域驱动设计的应用
- ASP.NET网站怎么发布 Web项目程序怎么发布部署
- 本地运行ASP.NET 网站组件CYQ.IIS发布--网站项目展示必备工具
- ASP.NET项目发布网站具体步骤
- ASP.NET项目中应用log4net
- asp.net项目发布网上-当前自定义错误设置禁止远程查看应用程序
- ASP.NET站点Web部署(一键发布的实现)
- 本地运行ASP.NET 网站组件CYQ.IIS发布--网站项目展示必备工具
- asp.net 如何发布项目和删除项目
- 使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
- Asp.NET vNext发布项目到服务器
- 【转载】MVC中对controller的抽象 ||基于ASP.NET MVC 3的企业应用项目总结
- 在Asp.Net项目中应用Jquery.validation时遇到的一个问题
- ASP.NET 5 MVC6系列教程 (四):向视图中添加服务和发布应用到公有云
- 关于有些Asp.net项目发布后出现网址乱码的解决方法
- asp.net项目发布网上