webpack 核心概念之 entry/output

[渡鸦]

entry用法

entry 是webpack的入口，支持单页面和多页面的形式

// 单页面， entry是一个字符串
module.exports = {
    entry: './path/to/my/entry/file.js'
};

// 多页面，entry 是一个对象
module.exports = { 
    entry: {
        app: './src/app.js',
        adminApp: './src/adminApp.js' 
    }
};

output用法

output 用来告诉webpack如何将编译后的文件输出到磁盘

// 单入口配置
module.exports = {
    entry: './path/to/my/entry/file.js',
    output: {
        filename: 'bundle.js’,
        path: __dirname + '/dist' 
    }
};

// 多入口配置
module.exports = { 
    entry: {
        app: './src/app.js',
        search: './src/search.js' 
    },
    output: {
        filename: '[name].js', path: __dirname + '/dist'
    } 
};