2017-01-04 10 views
1

Angular1をes6に変換してwebpackを使い始めました。 そのため、すべてのファイルで 'インポート/エクスポートモジュール'を使用する必要があります。ang1アプリのes5〜es6 + webpack

私が持っているすべてのファイルにモジュールをインポートする必要がありますか?たとえば角度の$ウィンドウでさえ?ルータの解決でさえ?

私は変換に苦労しています。

大きなアプリで簡単に操作できますか?

ありがとうございます!あなたがファイルをインポートするだけでなく、アプリモジュール

例に注入する必要があります他のサードパーティのモジュールの場合、角度 をインポートするときに$ HTTPがインポートされている$窓のような

+0

簡単に言えば、変更する必要はほとんどありません。まさにあなたが苦労していることを私たちに例えてくれますか? [Todd Mottoのスタイルガイド](https://github.com/toddmotto/angular-styleguide)を見てください。 – zeroflagL

答えて

0

物事、$タイムアウト、:

app.js

import angular from 'angular'; 
import 'angular-ui-router'; // A third-party npm module 
import './controllers/users'; // Custom controller 
import config from './config'; // Custom function 
import run from './app.run'; // Custom function 
const app = angular.module('MyApp', [ 
    'ui.router', 
    'MyApp.controllers.users' 
]); 
app.config(config); 
app.run(run); 

コントローラ/ user.jsの

import angular from 'angular'; 
import '../services/user'; 
import './modals/users'; 

const module = angular.module('MyApp.controllers.users', [ 
    'MyApp.services.user', 
    'MyApp.services.globals', 
    'MyApp.modals.user', 
]); 

const UsersController = ($scope, UserService) => { 
    'ngInject'; 
    $scope.title = 'Users'; 

    $scope.users = UserService.GetAll(); 
} 
module.exports = module.controller('UsersController', UsersController); 
関連する問題