加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular – 您的webpack.config文件可以提供多个入口点吗?

发布时间:2020-12-17 17:28:52 所属栏目:安全 来源:网络整理
导读:由于在开发项目时学习了Angular 2,我没有采用我应该具备的路由.我有一个main.js文件引导一个组件,另一个main2.js文件引导第二个组件(我现在知道我应该从一个页面路由它们,但我们在项目中很远,它会导致一个备份((必要时会这样做)).我正在尝试使用webpack捆绑
由于在开发项目时学习了Angular 2,我没有采用我应该具备的路由.我有一个main.js文件引导一个组件,另一个main2.js文件引导第二个组件(我现在知道我应该从一个页面路由它们,但我们在项目中很远,它会导致一个备份((必要时会这样做)).我正在尝试使用webpack捆绑“可加载性”的代码(sp?).

这是我的webpack.config.js文件:

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: "./main",output: {
        path: __dirname,filename: "./dist/bundle.js"
    },resolve: {
        extensions: ['.js','.ts']
    },module: {
        loaders: [{
            test: /.ts/,loaders: ['ts-loader'],exclude: /node_modules/
        }]
    }
};

是否可以定义两个入口点,如下所示:

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: "./main",exclude: /node_modules/
        }]
    }
};

module.exports = {
    entry: "./main2",filename: "./dist/bundle2.js"
    },exclude: /node_modules/
        }]
    }
};

或者我最好回去重新构建我的项目以使用路由并有一个入口点为我提供组件?

解决方法

简短的回答,是的.

您可以拥有多个入口点,并根据需要生成多个输出.
entry属性可以是字符串,对象或数组.

例:

var path = require( 'path' );
var webpack = require( 'webpack' );

module.exports = {
    entry: {
        "main": "./main.ts","main2": "./main2.ts",}
    output: {
        path: path.join(__dirname,'./dist'),filename: "[name].js"
    },// Rest of your config ...
};

使用[name],您将获得入口点的名称,’main’和’main2′,因此您最终的捆绑包将被称为’main.js’和’main2.js’

检查此docs(适用于webpack 1,但在webpack 2/3中几乎相同).

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读