Tag: angular cli

如何使用angular-cli webpackdebuggingangular2应用程序?

我以前使用angular-cli@1.0.0-beta.10,现在我更新到angular-cli @ webpack beta.11。 经过很多自定义更改,我得到它的工作。 唯一的是,现在我无法使用webstorm和chromedebugging器来debugging我的angular 2应用程序,因为我没有使用ng serve获取任何ts文件。 使用angular-cli@1.0.0-beta.10,使用Jetbrains插件debugging我的应用程序非常简单。 如何使用ng服务debugging我的angular 2应用程序Webstorm和Chromedebugging器?

为了在重新安装angular-cli之后使用build命令,你必须在angular-cli项目中

我在全球安装了最新的angular-cli,并且我的项目正在成功完成。 在阅读另一个问题的build议解决scheme( https://github.com/angular/angular-cli/issues/917 )时,我卸载了全局的angular-cli,并将其安装为dev-dependency。 另一个问题没有解决,所以我卸载了dev-dependency,并且再次在全局范围内重新安装了angular-cli。 现在,当我尝试做一个ng版本,我得到的错误: 你必须在一个angular-cli项目中才能使用build命令 我的angular度版本没有改变。 为什么我的项目不被识别为angular色项目?

检查安装的angular度cli的版本?

有没有办法检查我的机器上全局安装的特定版本的angular-cli? 我在Windows环境中。 npm -v和node -v分别只给出了npm和node的版本,我似乎无法用ngfind任何命令。 我正在尝试运行一个我正在使用的项目,并使用npm在较早版本的angular-cli上运行。 但是,在安装其他演示项目之后,如果不卸载并重新安装特定版本的angular-cli,我的主项目将无法工作。

Angular Cli Webpack,如何添加或捆绑外部js文件?

在将Angular Cli从SystemJs切换到Webpack之后,我不确定如何包含JS文件(供应商)。 例如 选项A 我有一些通过npm安装的js文件。 像这样将脚本标记添加到头标记不起作用。 也不是最好的方式。 <head> <script src="node_modules/some_package/somejs.js"> </head> //With systemJs I could do this <head> <script src="vendor/some_package/somejs.js"> </head> 选项B 包含这些js文件作为webpack包的一部分。 这似乎是可能应该完成的方式。 然而,我不知道如何做到这一点,因为所有的webpack conig似乎都隐藏在angular-cli-webpack软件包的后面。 我想也许有另一个webpackconfiguration,我们可能有权访问。 但是我不确定,因为在创build一个新的angular-cli-webpack项目时我没有看到它。 更多信息: 我想包含的js文件需要包含在Angular项目之前。 例如jQuery和第三方js库,这不是真的为模块加载或打字机设置。 参考资料 https://github.com/angular/angular-cli/blob/master/WEBPACK_UPDATE.md https://github.com/angular/angular-cli/tree/webpack

angular度编译器“编译”是什么?

今天我被问到,无法给出正确的答案。 Typescript转换到JS。 那么就有树在摇晃,“less”(可选)以及在部署过程中还有什么。 但是没有什么比这个(afaik)和“编译”有什么关系。 一切都得到了捆绑和大量优化,但它并没有真正编译,对不对? 甚至提前编译器,这确实是一个明显的工作。 我错过了什么? JavaScript本身仍然被解释,对吧?

jQuery没有在bootstrap-sass中定义

我使用angular-cli引导了Angular 2应用程序。 一切都很简单,直到我决定使用bootstrap模态。 我只是复制了我们的另一个不使用angular-cli的项目中打开模式的代码。 我在angular-cli.json文件中将jquery和bootstrap依赖项添加到了脚本中。 jQuery在项目中被识别,但是当我尝试运行this.$modalEl.modal(options)在angular度组件中我得到一个错误, jQuery is not defined 。 其实jQuery是导入到项目,但作为一个全球$ 。 我已经做了一些挖掘,显然引导期望jQuery作为一个“jQuery”variables传递给它。 它不给大鼠的屁股关于$ 。 我可以将jQuery作为webpack.config.js文件中的一个variables来webpack.config.js就像我们在其他项目中webpack.config.js那样:(为简洁起见,省略了许多代码) var jQueryPlugin = { $: 'jquery', jquery: 'jquery', jQuery: 'jquery' } exports.root = root; exports.plugins = { globalLibProvider: new webpack.ProvidePlugin(webpackMerge(jQueryPlugin, { svg4everybody: 'svg4everybody/dist/svg4everybody.js' })) } 但是angular-cli dev团队决定不让其他开发者干涉webpackconfiguration文件。 多谢你们! 非常想你。 我试过直接导入jQuery到Angular组件和一些其他的东西在这里提到https://github.com/angular/angular-cli/issues/3202 (添加导入到vendor.ts文件,然后添加vendor.ts脚本数组在angular-cli.json),但没有任何工作。 说实话,我很生气,这样一个微不足道的问题,如添加jquery依赖关系,在angular度cli bootstrap使用是这样一个雷区。 你有没有处理类似的问题?

如何捆绑一个angular度的应用程序的生产

我想在这个线程中跟踪和更新最新的最好的(也是最简单的)方法来将Angular(版本2,4,…)捆绑到一个实时Web服务器上进行生产。 请在答案中包含Angular版本,以便在更新的版本中进行更好的跟踪。