Git Product home page Git Product logo

angular2-webpack-seed's Introduction

angular2-webpack-seed

Build Status

This is a minimalistic Angular 2+ seed project, featuring:

This seed follows the Angular Style Guide.

How to use

Install dependencies

npm install
# or
yarn

Development server

Use the following command to start a local development server which will display the application at http://localhost:3000.

npm start
# or
yarn start

Test your code

The following command will run your unit tests with Karma.

npm test
# or
yarn test

Analyze your code with TSLint

Run TSLint with rules based on the Angular Style Guide with this command.

npm run lint
# or
yarn lint

Build for production

Production files are located in dist.

This project uses Ahead-of-Time Compilation and Tree Shaking for much smaller production files. Files over a threshold of 1KB are also gzipped, which results in approximately 150KB for all JS/HTML/CSS in this project.

npm run build
# or
yarn build

License

MIT

angular2-webpack-seed's People

Contributors

fgladisch avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

angular2-webpack-seed's Issues

Question Ancular Cli

Hello @fgladisch .
Firstly I would like to thank you for this seed project. It really saves me a lot of time.
May I ask if this functionality could be applied on an angular/cli (version 1.3.1) project?
Is it possible to create a new brunch? (if it is not took you much time)

Regards,
S.

changing bundled file path in html file

if i moved html file from dist folder to outside using following gulp task, how can i change the path of bundled file in html
which means, in here how can i change path of ts and css files

<script type="text/javascript" src="polyfills.e6b85da4b9b36d023c5e.js"></script><script type="text/javascript" src="app.e6b85da4b9b36d023c5e.js"></script><script type="text/javascript" src="ts-file.e6b85da4b9b36d023c5e.js"></script>

_ _
gulp task to move html file
`var filesToMove = [
'dist/index.html',
];

gulp.task('move', function(){
// the base option sets the relative root for the set of files,
// preserving the folder structure
gulp.src(filesToMove, { base: './' })
.pipe(gulp.dest('./'));
});`

AOT - file not found

import { AppModuleNgFactory } from '../aot/src/app/app.module.ngfactory';

do you have the module in the app ? I dont'see it and get an error

"npm run lint" is not working.

firstly I execute "npm run aot" and then
"npm run lint" and the following error appeared

Invalid source file: src/main-aot.ts.

any suggestions?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.