Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 您的webpack.config文件可以提供多个入口点吗?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
由于在开发项目时学习了Angular 2,我没有采用我应该具备的路由.我有@L_690_1@main.js文件引导一个组件,另@L_690_1@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中几乎相同).

大佬总结

以上是大佬教程为你收集整理的angular – 您的webpack.config文件可以提供多个入口点吗?全部内容,希望文章能够帮你解决angular – 您的webpack.config文件可以提供多个入口点吗?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。