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 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'
        }
    ]
}

在此配置之后，我们可以使用以下命令

轻松导入角度的缩小版本

let angular = require('angular');

// or es6 version

import angular from 'angular';

Answer 2

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

ng build -prod

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

导入angularjs缩小版本

2 个答案: