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';