Question

我对webpack很新，这是我的方案

我有一个使用webpack的Angular 1.5应用程序，因为应用程序从CDN加载它们，所以它不会包含供应商库。

这是改变所以我需要捆绑第三方库，环顾四周我把它添加到我的webpack.config.js：

    new webpack.optimize.CommonsChunkPlugin({
        name: 'vendor',
        minChunks: ({ resource }) => /node_modules/.test(resource),
        filename: 'vendor.bundle.js'
    }),

这非常酷，包括应用程序导入的内容，而不是拉动整个库。

我的问题是如何在供应商文件中包含我的角度应用程序正在使用的第三方模块，例如，具有：

    import * as ng from "angular";
    import { IStateProvider, IUrlRouterProvider, IState } from "angular-ui-router";

    ng.module('fmacapp', ["ui.grid", "ngDialog"]).config(["$stateProvider", "$urlRouterProvider", (stateprovider: IStateProvider, urlRouterProvider: IUrlRouterProvider) => {
        //State config here
    }

如何在供应商文件中包含ui.grid和ngDialog，因为它们没有被导入到应用程序中，有没有办法动态地执行此操作？

Webpack ::如何捆绑第三方角度模块

0 个答案: