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()
}
}