導入angularjs縮小版本

Question

我正在使用webpack，angular 1.x並具有以下代碼

import angular from 'angular';

哪個好，但問題是包含文件太大（angularjs - 1.15mb）。 當然最好使用minjs版本的angularjs，但是當我改變代碼時

import angular from 'angular/angular.min.js';

它不能正常工作，我的意思是angular.min.js似乎不會導出適當的angular對象。

使用縮小版庫的正確方法是什么？

Answer 1

我發現了關於這個問題的github問題，使用exports-loader是個好主意。 我的解決方案是：

webpack.config.js

...
// Add alias, so webpack looks for minified version of angular
resolve: {
    alias: {
        angular: "angular/angular.min.js"
    }
}

...
// Add exports loader for angular
modules: {
    loaders: [
        {
            test: /angular\.min\.js$/,
            loader: 'exports?angular'
        }
    ]
}

在此配置之后，我們可以使用以下命令輕松導入角度的縮小版本

let angular = require('angular');

// or es6 version

import angular from 'angular';

Answer 2

你可以使用角度cli，只需鍵入

ng build -prod

然后你的縮小文件在dist folder中。 它必須更小，你可以上傳你的public_html