angularjs(1.6)中未使用npm开发项目时如何创建构建答案

【问题标题】：How to create a build when I have not used npm to developed the project in angularjs (1.6)angularjs(1.6)中未使用npm开发项目时如何创建构建
【发布时间】：2018-12-23 18:03:08
【问题描述】：

我有这样的用户定义文件夹结构：

|--assets
|    |--css
|    |--js
|    |--fonts
|    |--pages
|    |--img
|
|--index.html

我想创建一个非常轻量级、紧凑（如果可能的话还可以缩小）的项目构建，但在开发时没有使用 npm。所以你能建议我该怎么做。

【问题讨论】：

标签： angularjs npm gulp gruntjs

【解决方案1】：

如果您想在没有 gulp/grunt/webpack 等的情况下执行此操作，则必须使用 JSCompress 等服务手动执行此操作

否则，您可以尝试使用类似this post 的方法，使用 gulp。它基本上使用以下 gulp 插件

npm install gulp-concat gulp-rename gulp-uglify --save-dev

【讨论】：

感谢您分享解决方案。不幸的是，代码在 angularjs 中抛出错误（我认为问题是因为我们在压缩脚本后得到的代码中的语法变化）
" 未捕获的错误：[$injector:modulerr] errors.angularjs.org/1.6.5/$injector/… " -- 有点像这样
这是一个非常常见的错误，很可能是由于缺少模块或顺序不正确造成的。您应该能够单击链接并调试检查是什么原因。
我同意这一点，但在这种情况下，只有在我压缩代码时才会出现特定问题。所以可以肯定地说这是压缩代码后语法发生变化的问题。
压缩后的代码也可以调试。 Chrome 开发者工具的源格式按钮可能会有所帮助。