Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 捆绑一个角度1.5.x应用程序,该应用程序不是使用npm构建的_Angularjs_Npm_Gruntjs_Bundle_Minify - Fatal编程技术网

Angularjs 捆绑一个角度1.5.x应用程序,该应用程序不是使用npm构建的

Angularjs 捆绑一个角度1.5.x应用程序,该应用程序不是使用npm构建的,angularjs,npm,gruntjs,bundle,minify,Angularjs,Npm,Gruntjs,Bundle,Minify,所以我有一个我制作的有棱角的应用程序,没有想到它会变得如此巨大和快速 但是现在我有大约1.9MB的文件被下载到26个css文件和55个javascript文件中 当然,加载时间很糟糕,需要20秒才能加载 四处搜索,我发现我可以将所有文件捆绑到一个.html文件中, 一个.css文件和一个.js文件。使用众多可用选项中的一个,webpack、rollup、gulp、grunt,以及我错过的其他一些选项 问题是,我没有首先使用npm安装所有依赖项,而是下载了每个库的min.js文件,并将它们全部包

所以我有一个我制作的有棱角的应用程序,没有想到它会变得如此巨大和快速

但是现在我有大约1.9MB的文件被下载到26个css文件和55个javascript文件中

当然,加载时间很糟糕,需要20秒才能加载

四处搜索,我发现我可以将所有文件捆绑到一个
.html
文件中, 一个
.css
文件和一个
.js
文件。使用众多可用选项中的一个,webpack、rollup、gulp、grunt,以及我错过的其他一些选项

问题是,我没有首先使用
npm
安装所有依赖项,而是下载了每个库的
min.js
文件,并将它们全部包含在
index.html
文件中

  • 除了用npm重建我的应用程序,我还有其他选择吗

  • 是否有一个简单的指南,我可以遵循,将浓缩和缩小所有的文件,这样我就可以看到它是否真的值得的麻烦

  • 在所有可用的不同捆绑选项中,最简单的选项是什么


  • 是的,你有另一个选择

    是你的朋友,非常容易安装,他将帮助你将所有js代码打包并压缩为一个或两个文件(我将打包的编码代码拆分为两个文件,一个是所有lib文件,包括angular本身,另一个文件是我自己的代码)

    您可以从这篇简单的文章开始:

    Mmmm,我认为一个快速修复方法是使用VS的bundler和minifier扩展(如果您有VS可用)。无需npm。这是链接:@PrinayPanday是否有类似的vscode扩展?对不起,伙计,我不知道。