简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
angular.js - webpack打包大型SPA配置问题
怪我咯
怪我咯 2017-05-15 17:13:06
0
3
763

目前项目是多页面应用。使用的是angular1.x 前端工具是Webpack。要转换成SPA。打算使用angular-ui-router做路由管理。
问题是把所有的文件打包成一个太大了。想法是只打包成一个第三个类库的vendor.js和某业务逻辑相关的app.js
比如登录页面我只想加载vendor.js和login.js登录后进到dashboard页面。我也只想加载vendor.js和dashborard.js。类似这样
请问该如何配置angular-ui-router和webpack呢，谢谢。

怪我咯
怪我咯

走同样的路，发现不同的人生

全員に返信 (3)
phpcn_u1582
phpcn_u15822017-05-15 17:15:06 3棟

ディレクトリ構造が次のようになっていると仮定します

リーリー

コードブロック

common/utils.js

リーリー

ログイン/index.js

リーリー

ダッシュボード/index.js

リーリー

期待した結果を得るには、webpack.config.js次のように構成します:

リーリー

梱包後の最終結果

リーリー

上記の通り。 。 。

いいねを押す+0
返信を追加
    刘奇
    刘奇2017-05-15 17:15:06 2棟

    リファレンスコードの分割

    いいねを押す+0
    返信を追加
      左手右手慢动作
      左手右手慢动作2017-05-15 17:15:06 1棟

      これで、webpack を使用して必要な JS を生成できるようになりました。 angular-ui-routerと組み合わせてさまざまなjsを導入するにはどうすればよいですか? ありがとうございます

      Angular のオンデマンド読み込みに関する記事を見つけました

      http://www.cnblogs.com/ys-ys/...、ui-router に基づいて、ocLazyLoad
      が私のニーズを満たしているようです。ありがとうございます

      いいねを押す+0
      返信を追加
        人気のトピック
        詳細>
        人気の記事
        人気のチュートリアル
        詳細>
        関連するチュートリアル
        人気のおすすめ
        最新のコース
        最新のダウンロード
        詳細>
        ウェブエフェクト
        公式サイト
        サイト素材
        フロントエンドテンプレート
        私たちについて 免責事項 Sitemap
        PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！