webpack打包js 单入口与多入口

最新推荐文章于 2022-09-14 10:04:51 发布

か温暖心ε

最新推荐文章于 2022-09-14 10:04:51 发布

阅读量219

点赞数

分类专栏： webpack 文章标签： javascript node.js webpack npm

本文链接：https://blog.csdn.net/qq_43670950/article/details/115242930

版权

webpack 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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')
    },
 }