Coder Social home page Coder Social logo

jeffmobiles / angular-webpack-plugin Goto Github PK

View Code? Open in Web Editor NEW

This project forked from stackfull/angular-webpack-plugin

0.0 2.0 0.0 378 KB

Plugin for webpack to teach it angular.js modules

License: MIT License

JavaScript 99.31% HTML 0.69%

angular-webpack-plugin's Introduction

angular-webpack-plugin Build Status

Makes webpack aware of AngularJS modules.

Status

This project is abandoned!

It became apparent that the common usage patterns of angular modules were simply incompatible with file base modules. This plugin will work if you are careful to identify angular modules with files and structure your dependencies "downwards", but most angular users do it the other way (e.g. declare a module in one file and add directives etc. to that module from other files). The result is that this plugin is only useful if you don't depend on common third party libraries.

For an alternative approach, have a look at https://www.npmjs.com/package/remove-angular-modules-loader


It is at the stage now where you can use it to get angular apps webpacked without needing require() in your code, but it does it by trying to map between angular module names and file names. The conventions for doing this are various, so it will not fit all cases.

To see it in action, I've forked the angular-seed project

Development

Given how complex the problem is, regular test frameworks can't help much. I've developed a small grunt task to run compile scenarios and check the output. It's less than ideal and a little fragile. To add new scenarios, create a directory in test/scenarios containing a webpack.conf.js config file, an in and an out directory. The in directory will be used as the source and the output will be compared against out/bundle.js (ignoring comments etc.).

To run the scenarios::

grunt webpackScenario

by default, it won't show what the output was when it doesn't match, so use

grunt --debug webpackScenario

In addition, karma tests in the verify directory check that the output makes a viable executable using the karma.conf.js file.

The default grunt task checks everything.

Release History

0.0.3 - 7 Dec 2014

Webpack 1.4 and fix for modules using window.angular

0.0.2 - 28 July 2014

Working well enough to build the angular-seed project.

0.0.1 - 22 Apr 2014

First release

License

Copyright (c) 2014 Paul Thomas. Licensed under the MIT license.

angular-webpack-plugin's People

Contributors

ackwell avatar jpvanhal avatar scottmas avatar stackfull avatar

Watchers

 avatar  avatar

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.