javascript - 导入 angularjs 缩小版

Question

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

import angular from 'angular';

效果很好，但问题是包含的文件太大（angularjs - 1.15mb）。使用 angularjs 的缩小版本当然会更好，但是当我将代码更改为

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

它不能正常工作，我的意思是它似乎angular.min.js没有导出适当angular的对象。

使用缩小版库的正确方法是什么？

Answer 1

我发现了关于这个问题的github issue ，使用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'
        }
    ]
}

完成此配置后，我们可以使用以下命令轻松导入 angular 的缩小版本

let angular = require('angular');

// or es6 version

import angular from 'angular';

Answer 2

你可以使用 Angular cli，只需键入

ng build -prod

然后你的缩小文件在 dist 文件夹中。它必须更小，你可以上传那个 ini 你的 public_html