webpack.ProvidePlugin angular

Question

Tôi đang cố gắng sử dụng NG6 góc khởi động. trong mã nguồn của nó, import angular from angular được viết gần như mọi tệp js. Vì vậy, tôi thử điều này:

new webpack.ProvidePlugin({ 
     // $: "jquery", 
     // jQuery: "jquery", 
     // "window.jQuery": "jquery", 
     'angular': 'angular', 
    }), 

Nhưng nó không thể hoạt động. Tôi không biết tại sao, và làm thế nào để giải quyết vấn đề này.

Answer 1

U cần phải sử dụng sth như thế này: var ứng dụng = angular.module ('RequiredName', [ 'ui.router', 'ui.bootstrap']);

và sử dụng tệp này trên ứng dụng và gọi mô-đun ứng dụng của bạn như trong các phần của dự án mà u sẽ sử dụng bất kỳ hàm hoặc phương pháp nào được triển khai trong tệp app.js của bạn trong app.factory hoặc app.controller hoặc ...

Answer 2

Đây là giải pháp cho thông báo lỗi đầu tiên trong ảnh chụp màn hình của bạn "angular.module không phải là một chức năng": Góc 1 không hoạt động tốt với webpack mà không có ảnh chụp (xem https://github.com/webpack/webpack/issues/2049). Hãy thử cấu hình trình tải gói webpack này:

module: { 
    loaders: [ 
     /* 
     * Necessary to be able to use angular 1 with webpack as explained in https://github.com/webpack/webpack/issues/2049 
     */ 
     { 
      test: require.resolve('angular'), 
      loader: 'exports?window.angular' 
     }, 
    ] 
}, 
plugins: [ 
    new webpack.ProvidePlugin({ 
     'angular': 'angular', 
    }), 
], 

Điều này sẽ khởi tạo đối tượng góc thay vì hành động mặc định đặt đối tượng vào đối tượng trống (không có mô-đun được đặt tên thuộc tính).