angularjs-webpack, 一个完整的,但简单的,使用 web service的AngularJS启动程序

分享于 

3分钟阅读

GitHub

  繁體 雙語
A workflow for Angular 1.x using Webpack + Babel
  • 源代码名称:angularjs-webpack
  • 源代码网址:http://www.github.com/preboot/angularjs-webpack
  • angularjs-webpack源代码文档
  • angularjs-webpack源代码下载
  • Git URL:
    git://www.github.com/preboot/angularjs-webpack.git
    Git Clone代码到本地:
    git clone http://www.github.com/preboot/angularjs-webpack
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/preboot/angularjs-webpack
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    angularjs-web pack

    Dependency StatusdevDependency Status

    一个完整的,但简单的,使用 web service的AngularJS启动程序。

    这个工作流作为构建AngularJS应用程序的起点。应该注意,除了预先安装的Angular 包之外,这个工作流是非常通用的,这是非常通用的。

    • 带有合理缺省的web web pack配置。
    • ES6,以及使用babel支持 ES7.
    • 所有生成中包含的源映射。
    • 动态重新加载的开发服务器。
    • 使用缓存中断的生产生成。
    • 使用 Karma 运行测试和 jasmine 作为框架的测试环境。
    • 运行测试时的代码覆盖率。
    • 没有吞咽和 grunt,只是npm脚本。

    警告:确保你使用的是最新版本的node.js 和 NPM

    快速启动

    克隆/下载 repo,然后在 /src/app/app.js 编辑 app.js

    # clone our repo$ git clone https://github.com/preboot/angularjs-webpack.git my-app# change directory to your app$ cd my-app# install the dependencies with npm$ npm install# start the server$ npm start

    转到浏览器中的 http://localhost:8080 插件。

    目录正在启动

    依赖项

    你需要运行这里应用程序的内容:

    • nodenpm ( 使用 NVM )
    • 确保你正在运行 node ( v4.1.x + ) 和 NPM ( 2.14.x + )

    安装

    • fork 这里 repo
    • clone 你的fork
    • npm install 来安装所有依赖项

    正在运行应用程序

    安装完所有依赖项之后,你现在可以运行以下应用程序:

    npm start

    它将使用 webpack-dev-server 启动一个本地服务器,它将监视,构建( 在内存中),并为你重新加载。 端口将作为 http://localhost:8080 显示给你。

    开发

    生成文件

    • 单一运行:npm run build
    • 构建文件和监视:npm start

    测试

    1单元测试
    • 单一运行:npm test
    • 实时模式( TDD风格): npm run test-watch
    许可证


    COM  WEB  STA  angular  Complete  WEBP  
    相关文章