angularjs-webpack-starter
The goal of this repository is to demonstrate a modern frontend setup for AngularJS projects, in such a way that it gets closer to how things are done with Angular. This project is using NPM as package manager, TypeScript and Webpack as module loader.
This is, by no means, ment to be used blindly in production.
Features
- TypeScript 2
- TSLint
- @types
- Webpack 4 + Webpack dev server
- Karma + Jasmine
- Protractor
- Styling using SASS
- NPM
- Code Coverage
- AngularJS 1.6
- UI Router 1+
- Strict DI using ngAnnotate
- Production build containing chunks
Usage
To use this starter you can simply clone it to your prefered location by using
git clone https://github.com/frederikprijck/angularjs-webpack-starter.git <directory_name> --depth=1
cd <directory_name>
and install the dependencies
npm install
Once the repository has been cloned locally, you can use the following CLI commands:
npm start
npm run build
npm run test
npm run test:coverage
To run the production build, use:
npm run build:prd
If you would like to test the production build by running http-server, use
npm run serve:prd
Contributions
Feel free to open an issue or create a PR.
-
最近公司用webpack和angular2来开发手机app页面，发现ES6的写法非常方便和清晰，于是我想到在angular1中也可以用ES6语法写，webpack来进行打包编辑。于是我查阅了相关资料之后终于实现了ES6语法来写angular1。 Webpack 关于webpack的配置，网上有许多的教程，在github上也有相当多的项目例子可以借鉴，我这就不详细说webpack的配置了。如果你是新
-
webpack入门 webpack指南 | TooBug | 2015 webpack-demos | ruanyf | 2016 一小时包教会 —— webpack 入门指南 | VaJoy Larn | 2015-07-16 webpack 入门及实践 | zhouweicsu | 2015-10-30 Webpack傻瓜式指南（一） | 张轩 | 2016 Webpack傻瓜式指南（二）
-
源起 能碰上 webpack，是偶然也是必然。本来想在公司下个项目试试 AngularJS，但是又不能使用 server。奇怪要求的限制，滋生了奇怪的请求，所以在 Google 上查了半天没有找到合理的解决方案，只在 Google Group 里面看到有两个人讨论的热火朝天，里面提到了 webpack.config.js 貌似能够成功解决能够这个问题，尝试了下，老是有问题，就开始读 webpack
-
webpack 教程资源收集 官方文档 中文指南 初级教程 webpack-howto 作者：Pete Hunt Webpack 入门指迷 作者：题叶 webpack-demos 作者：ruanyf 一小时包教会 —— webpack 入门指南 作者：VaJoy Larn webpack 入门及实践 作者：zhouweicsu Webpack傻瓜式指南（一） 译者：前端外刊评论 W
-
初级教程 webpack-howto 作者：Pete Hunt Webpack 入门指迷 作者：题叶 webpack-demos 作者：ruanyf 一小时包教会 —— webpack 入门指南 作者：VaJoy Larn webpack 入门及实践 作者：zhouweicsu Webpack傻瓜式指南（一） 译者：前端外刊评论 Webpack傻瓜式指南（二） 译者：前端外刊评论
-
问题内容： 我正在尝试使用angularjs和webpack运行简单的应用程序，这是我的代码： index.html app.js Webpackconfig.js main.js bundle.js 我也看到了这个：https : //github.com/jeffling/angular-webpack- example 问题是我如何正确运行？ 问题答案： bundle.js 由webpack
-
我正在寻找一些关于使用webpack的帮助，用于一个大型AngularJS应用程序。我们使用基于特性的文件夹结构（每个特性/页面都有一个模块，它们有控制器、指令）。我已经成功地配置了webpack，使其能够与Grunt一起工作，生成一个包。我想创建块，因为它将是一个大的应用程序，我们想要加载模块（页面/特征）工件异步。 我将通过一些webpack示例使用语法使用。然而，我不能得到块懒惰加载。首先，
-
本文向大家介绍Webpack 实现 AngularJS 的延迟加载，包括了Webpack 实现 AngularJS 的延迟加载的使用技巧和注意事项，需要的朋友参考一下 随着你的单页应用扩大，其下载时间也越来越长。这对提高用户体验不会有好处（提示：但用户体验正是我们开发单页应用的原因）。更多的代码意味着更大的文件，直到代码压缩已经不能满足你的需求，你唯一能为你的用户做的就是不要再让他一次性下载整个应
-
问题内容： 现在，在我的页面中，我有两个CDN文件的链接，一个是JS，另一个是CSS文件。 即在我的身体底部 在头上 但是现在，我的主页上并不需要它们，而只需要一条特定的路线。所以我一直在研究如何在路由被命中时才延迟加载这些CDN资源，即只有那时？ 这些不是通过bower或npm安装的，而是通过CDN URL加载的，例如jquery。如何在Angular 1和Webpack中基于路由延迟加载？ 问
-
Webpack Frontend Starterkit A lightweight foundation for your next webpack based frontend project. Installation npm install Start Dev Server npm start Build Prod Version npm run build Features: ES6 Su
-
更改历史 * 2017-11-12 王莹 webpack内容更新 第一章 webpack介绍 1.1 概述 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs