Webpack核心(二)——entry和output

entry:入口文件

output:出口文件

module:模块

plugins:插件

devServer:服务器

mode:模式

webpack --config kavion.js  //webpack.config.js的名字不能改,位置也不能动,如果想换个名字,执行的时候需要webpack --config kavion.js 
webpack.config.js:
    //node.js中使用的绝对路径:console.log("_dirname"); //根目录
    
    const path = require('path');
    module.exports = {
        //webpack的配置文件使用的是commonjs(一种模块化的规范)的语法,用module.exports进行导出
        entry:'./src/main.js',   //入口文件  //把一个文件打包成一个文件  (单入口)
        //第二种写法:entry:['./src/1.js','./src/2.js']   //把多个文件打包成一个文件
        output:{
            filename:'boundle.js', //出口文件名
        }
        //第三种写法(对象的形式): //把多个文件打包成多个文件(打包成两个文件)
        entry:{ (多入口)
            one:'./src/1.js',
            two:'./src/2.js'
        },
        output:{
            filename:'[id].boundle.js',  //打包后生成的文件名,添加一个标识用于输出多个文件(name/id)
            //path:_dirname+'/kavion'' //路径必须是一个绝对路径
            path:path.reslove(_dirname,'dist')  //node.js路径解析方法reslove()
        }
        
    }

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值