V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
thonatos
V2EX  ›  分享创造

angular-seed-spm

  •  
  •   thonatos ·
    thonatos · 2014-10-19 10:24:58 +08:00 · 3089 次点击
    这是一个创建于 3493 天前的主题,其中的信息可能已经有所发展或是发生改变。
    # 我们不生产水,我们只是大自然的搬运工。

    BB完了开始说正事。

    angular-seed 是一个完善的ng项目的构建模板,并且提供了一整套的运行,测试框架,便于在其基础上直接进行开发。

    angular-seed-spm 是我对其修改,更改结构,去除了部分暂时不需要的东西,用于spm和seajs进行开发的一个模板,主要包含的部分是:

    1.
    apps/ spm根目录,用于添加依赖和使用build命令打包模块化的ng模块
    /src ng程序的源码目录
    /dist 打包后的js代码

    过去使用seajs一般要用define.....封装,然后调用,麻烦的一笔。

    在调试环境下:

    html中引入seajs-wrap,然后用src/app作为入口,直接require其他文件,seajs-wrap会自动帮你封装一层define....,直接使用就好了。

    在生产环境下:

    html中去除seajs-wrap,然后使用dist下压缩好的js文件即可。(前提是你要spm build一下)

    2.
    public/
    /css
    /less 这里是使用gulp进行less文件的自动压缩和修改

    压缩的css文件会默认放到css根目录,一般情况下,我们的网站的css文件基本就那么几个(不同的使用import 引入,然后统一打包之后基本就一个吧?)

    3.
    没有引入http-server的原因比较简单,我使用的是webstorm,直接在html那边点一下chrome图标,默认就已经有http-server功能了,完全没必要再装一个吧?


    大体上这个东东完成的就这么两件事,不喜勿喷,弄这么一个模板项目主要是便于下次直接用来构建项目的,有需要的小伙伴拿去用用再好不过,而且也算是示范了一下spm-seajs-angular综合使用吧。

    bb这么久,忘记放地址了,https://github.com/thonatos/angular-seed-spm
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2868 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 09:41 · PVG 17:41 · LAX 02:41 · JFK 05:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.