You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+14-3Lines changed: 14 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -14,16 +14,17 @@ Anyone searching for old version of ng-devstack, it is [here](https://github.com
14
14
15
15
- new Angular 1.5 component architecture,
16
16
- support for ES6 with [Babel 6](https://babeljs.io/),
17
-
- integration with [webpack 2](https://webpack.github.io/), allowing to use its' best features:
17
+
- integration with [webpack 3](https://webpack.github.io/), allowing to use its' best features:
18
18
- local webserver with live reload,
19
19
- Hot Module Reloading, tries to reload just the component that's changed, instead of the entire page),
20
-
-tree-shaking, excluding unused bundles from exports with webpack 2 and Babel 6
20
+
-Scope Hoisting, removing function wrappers around modules to improve total script evaluation time as well as to achieve smaller bundle sizes,
21
21
- support for styles/scripts source maps,
22
22
- JS/CSS/HTML minification,
23
23
- support for SASS (processed with [Autoprefixer](https://github.com/postcss/autoprefixer)),
24
24
- support for [ESLint](http://eslint.org/),
25
25
- unit testing with [Jest](https://facebook.github.io/jest/),
26
-
- integration with [UI Router 1.0](https://ui-router.github.io/ng1/) & [Angular Material](https://material.angularjs.org/).
26
+
- integration with [UI Router 1.0](https://ui-router.github.io/ng1/) & [Angular Material](https://material.angularjs.org/)
27
+
- debugging with Visual Code Studio's [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug).
27
28
28
29
## Requirements
29
30
@@ -74,6 +75,16 @@ ESLint is loaded by default when webpack is processing files, but it can be run
74
75
$ yarn lint
75
76
```
76
77
78
+
## Debugging in Chrome
79
+
80
+
For Visual Code Studio users there is a configuration file `launch.json` provided to allow in-editor debugging (with support for source maps). You can launch a new Google Chrome window or attach to existing one. For the second option, browser window shall be launched with remote debugging enabled:
Of course Google Chrome path may differ depending on your system environment - please make sure to run the browser from proper path with these two parameters included. Pathname for `sourceMapPathOverrides` can be different for different OS, visit [Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug) for more information.
87
+
77
88
## Additional info
78
89
79
90
If you would like to enable AngularJS HTML5 mode, you have to uncomment following lines in `src/app/root.module.js` (don't forget to inject `$locationProvider`):
<li>support for ES6 with <ahref="https://babeljs.io/">Babel 6</a>,</li>
11
-
<li>integration with <ahref="https://webpack.github.io/">webpack 2</a>, allowing to use its' best features:
11
+
<li>integration with <ahref="https://webpack.github.io/">webpack 3</a>, allowing to use its' best features:
12
12
<ul>
13
13
<li>local webserver with live reload,</li>
14
14
<li>Hot Module Reloading, tries to reload just the component that's changed, instead of the entire page),</li>
15
-
<li>tree-shaking, excluding unused bundles from exports with webpack 2 and Babel 6</li>
15
+
<li>Scope Hoisting, removing function wrappers around modules to improve total script evaluation time as well as to achieve smaller bundle sizes,</li>
16
16
<li>support for styles/scripts source maps,</li>
17
17
<li>JS/CSS/HTML minification,</li>
18
18
</ul>
19
19
</li>
20
20
<li>support for SASS (processed with <ahref="https://github.com/postcss/autoprefixer">Autoprefixer</a>),</li>
21
21
<li>support for <ahref="http://eslint.org/">ESLint</a>,</li>
22
22
<li>unit testing with <ahref="https://facebook.github.io/jest/">Jest</a>,</li>
23
-
<li>integration with <ahref="https://ui-router.github.io/ng1/">UI Router 1.0</a> & <ahref="https://material.angularjs.org/">Angular Material</a>.</li>
23
+
<li>integration with <ahref="https://ui-router.github.io/ng1/">UI Router 1.0</a> & <ahref="https://material.angularjs.org/">Angular Material</a>,</li>
24
+
<li>debugging with Visual Code Studio's <ahref="https://github.com/Microsoft/vscode-chrome-debug">Debugger for Chrome</a>.</li>
24
25
</ul>
25
26
26
27
<p>For more information please visit project's <ahref="https://github.com/mariuszm/ng-devstack">GitHub</a>.</p>
0 commit comments