Articles of 捆绑和缩小

Grunt构build导致Angular应用程序在dist上崩溃

我正在使用Grunt并执行cmd“grunt build”来创build包含AngularJS应用程序的分发文件夹。 作为一个独立的我的应用程序工作正常。 一旦我创build了应用程序的发行版,应用程序开始很快崩溃。 我看到在F12工具控制台是: 达到10 $ digest()迭代。 中止! 我怀疑我的.tmp目录中的一个文件名为vendor.js,并且由于控制器dependency injectionvariables将注入的控制器参数(例如“$ scope”)注入到“a”中,所以无法正确缩小,uglify和/即使我正在使用ngAnnotate。 请参阅我正在使用UglifyJs和Uglify和Concat之前调用ngAnnotate,但我不能从useMinPrepare中删除UglifyJs,或者我有其他的错误,如脚本目录甚至不是在我的dist目录中创build: useminPrepare: { html: '<%= yeoman.app %>/index.html', options: { dest: '<%= yeoman.dist %>', flow: { html: { steps: { js: ['concat', 'uglifyjs'], css: ['cssmin'] }, post: {} } } } }, 我在我的GruntJs文件中设置mangle = false,但我怀疑useMinPrepare js: ['concat', 'uglifyjs']更改执行顺序并运行uglify之前ngAnnotate可以运行时调用useMin ,即使我调用后, ngAnnotate 。 我是新来的Grunt,这个应用程序已经从另一个开发人员传给我。 我发现这篇文章对我来说并不完全有意义,也不是一个代码更改似乎适用于我的Gruntfile.js,但我想也许我正在做的事情: https://github.com/DaftMonk/generator-angular-fullstack/issues/164 […]

指纹外部生成静态内容(ASP.NET + browserify)

在构build模块化js应用程序时,Nodejs browserify非常棒。 如果gulp也是安装程序的一部分,工作stream将进一步增强,以pipe理和解决依赖关系, 正确捆绑,uglify与源代码,自动填充,jshint,testing…这对于css以及预处理,自动前缀,linting,embedded资源和生成文档。 TL; DR:使用npm / bower可以访问前端库的广泛生态系统,使nodej成为客户端代码的完美构build(不一定是服务!)。 事实上,将它用于客户端代码是非常棒的,以便在VS 2015中支持npm , bower和grunt / gulp 。与此同时,我们设置了一个运行预编译和写入的吞吐任务dist js / css(打包输出)。 指纹url引用外部静态内容的好方法是什么? 从长远来看,我们最好能够将客户端内容完全分开,以便可以独立构build和部署到CDN,而无需构build其他应用程序。

使用Webpack,是否可以仅生成CSS,不包括output.js?

我正在用extract-text-webpack-plugin使用Webpack 。 在我的项目中,我有一些构build脚本。 其中一个构build脚本应该只捆绑和缩小CSS。 由于我使用其他脚本的Webpack,我发现使用Webpack是个好主意,即使我只想捆绑和缩小CSS 。 它工作正常,除了我不能摆脱output.js文件。 我不想要结果的webpack输出文件。 我只想为这个特定的脚本的CSS。 有没有办法摆脱由此产生的JS? 如果没有,你是否build议其他特定的工具来处理CSS? 谢谢。