欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

webpack打包js 单入口与多入口

程序员文章站 2022-07-12 19:22:55
...

webpack打包js 单入口与多入口

* const path = require('path')

* module.exports = {
    //'production'`在这里插入代码片`开发模式.不压缩代码,打包速度快.
    mode: 'development',
    //生产模式,进行代码压缩,打包速度慢.

    //单文件入口,单出口 String类型
    entry: './src/index.js',
    output: {
        filename: 'built.js',
        path: path.join(__dirname, 'build')
    },

    //多文件入口,单出口 Array类型
    entry: ['./src/index.js','./src/about.js'],
    output: {
        filename: 'built.js',
        path: path.join(__dirname, 'build')
    },

    // 多文件入口,多文件出口 Object类型
    entry: {
            one:'./src/index.js',
            two:'./src/about.js'
        },
    output: {
        filename: '[name].js',  //name是key
        path: path.join(__dirname, 'build')
    },

    //特殊用法
    entry: {
            onea:['./src/index.js','./src/log.js'],
            twob:'./src/about.js'
        },
    output: {
        filename: '[name].js',  //name是key
        path: path.join(__dirname, 'build')
    },
 }