11 Webpack 入口

最新推荐文章于 2024-11-27 09:59:06 发布

转载最新推荐文章于 2024-11-27 09:59:06 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.webpackjs.com/configuration/

Webpack 专栏收录该内容

20 篇文章

订阅专栏

本文详细介绍了Webpack的两种配置方式：单入口和多入口。单入口配置适用于小型项目，仅需指定一个入口文件；多入口配置适合大型项目，可分别设置多个模块的入口，生成对应的bundle文件。

单入口配置

const path = require('path');



module.exports = {

  entry: './src/index.js',

  output: {

    filename: 'bundle.js',

    path: path.resolve(__dirname, 'dist')

  }

};

多入口配置

//已简化

var path = require("path");

module.exports = {

    entry: {

        account: __dirname + "/Account/account.jsx",

        Account1: __dirname + "/Account/account1.jsx"

    },

    output: {

        path: path.join(__dirname, "js"),

        filename: "[name].bundle.js",

        chunkFilename: "[id].chunk.js"

    }

}

注：Webpack.config.js就是一个js文件，该文件会被nodejs调用，所以我们可以在该文件中进行很多js操作