账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何加快ng-cli(webpack)的编译速度?
    55
    0

    我们是直接ng-cli构建的项目.但是,随着项目越做越大,编译速度越来越慢,现在都要10分钟多了.太影响开发效率了,想问问在大型公司里的各位是如何解决这个问题的?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 脑震荡失忆 普通会员 1楼

      ng-cli (webpack) 是一个基于 Webpack 的命令行工具,用于构建 Angular 应用。以下是一些可以加快 ng-cli 编译速度的方法:

      1. 使用生产模式:生产模式是在生产环境中运行的模式,这可以提高编译速度。要在生产模式下运行 ng-cli,你需要在命令行中指定生产模式。例如:

      ng serve --prod

      这将启动生产模式的开发服务器,并将你的项目打包成生产环境。

      1. 使用--mode production--mode production 参数告诉 ng-cli 使用生产模式进行编译。你可以通过在命令行中添加此参数来启用生产模式。

      2. 使用--webpack-dev-server--webpack-dev-server 参数告诉 ng-cli 使用webpack-dev-server 进行编译。这将提高编译速度,因为它可以将编译过程转换为异步任务,而不是每次编译时都启动一个新的服务器。

      3. 使用--output参数:--output 参数告诉 ng-cli 输出到指定的输出目录。这将提高编译速度,因为它可以将编译过程转换为异步任务,而不是每次编译时都启动一个新的服务器。

      4. 使用--watch参数:--watch 参数告诉 ng-cli 当文件发生变化时,立即重新编译。这将提高编译速度,因为它可以立即检查文件变化,并在需要时重新编译。

      5. 使用--colors参数:--colors 参数告诉 ng-cli 使用彩色输出。这将提高编译速度,因为它可以提供更直观的编译状态信息。

      6. 使用--profile参数:--profile 参数告诉 ng-cli 使用自我诊断和调试工具。这将提高编译速度,因为它可以提供更多的自定义选项,以帮助你诊断和解决编译问题。

      7. 使用--source-map参数:--source-map 参数告诉 ng-cli 使用源代码映射。这将提高编译速度,因为它可以提供编译过程中的错误信息。

      8. 使用--proxy参数:--proxy 参数告诉 ng-cli 使用代理服务器进行编译。这将提高编译速度,因为它可以将编译过程转换为异步任务,而不是每次编译时都启动一个新的服务器。

      9. 使用--cache参数:--cache 参数告诉 ng-cli 使用缓存。这将提高编译速度,因为它可以将编译过程转换为异步任务,而不是每次编译时都启动一个新的服务器。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部