Giter Club home page Giter Club logo

angular1.x-webpack-seed's Introduction

ES2015(ES6) + Angular 1.x Webpack Seed

Usage:

  1. run git clone https://github.com/why520crazy/angular1.x-webpack-seed;

  2. cd folder angular1.x-webpack-seed , run npm install;

  3. run npm start start webpack dev server, then visit http://localhost:7070

Features

  1. 使用 ES6 Modules 进行 Angular 1.x 的模块化开发;
  2. 使用全组件化开发一个简单的 Angular 1.x 单页项目;
  3. 使用 Webpack 合并处理 JS,CSS,LESS,Image,HTML 等一切静态资源;
  4. 包管理工具使用 NPM,任务的启动脚本使用 NPM Scripts;
  5. 使用 Webpack 的 CommonsChunkPlugin 将引用的第三方类库单独打包成一个独立的 bundle,并把多个入口公用的JS抽取出独立的 bundle;
  6. 使用 HtmlWebpackPlugin 插件生成入口的HTML文件,并把打包之后的JS和CSS引入到HTML中,不需要手动添加 scripts 标签和 style link;
  7. 使用 ExtractTextPlugin 插件把 CSS 抽取成独立的文件,当然你也可以不这么做,直接放在 JS 中;
  8. 使用 postcss 处理样式的兼容性问题,autoprefixer 自动追加前缀等。

Build

Run npm run build will auto build files to folder www.

you can use nginx or http-server publish folder www to production server,

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.