序
虽然说angular 1.x 的时代已经过去,但是用angular v1.6.9搭建一个简单的单页应用项目作为模块化开发思想的学习手段还是很有帮助的。下面就是用angular v1.6.9搭建的一个单页应用。
项目目录
一个好的项目目录有助于我们更好的管理开发资源文件,好的开发目录通常将各类资源文件分别存放,并且文件命名也有一定的规律。
方式一(不打包)
在不需要打包的情况下,用以下目录搭建一个简单的单页应用完全够用了。
方式二(webpack打包)
下面的文件布局不见得是最佳的,仅作为参考,另外webpack打包配制通常配制在build目录下。这里为了简化,直接在根目录构建了。
关于下面这个目录的gitee项目bower下载地址为:
$ bower install https://gitee.com/loushengyue/webpack-angular1.x.git