一、webpack的基础配置

安装webpack

1.npm install webpack -D
2.npm install webpack-cli -D
在终端运行npx webpack默认打包

配置webpack.config.js通过npx webpack执行打包命令

// webpack 是node写出来的  node的写法
let path=require('path');
// console.log(path.resolve('dist'))

module.exports={
    mode:'development',    //模式  默认两种 生产：production 开发：development
    entry:'./src/index.js',     //入口
    output:{
        filename:'bundle.js',   //打包后的文件名称
        path:path.resolve(__dirname,'dist'),  //路径必须是一个绝对路径，需要引入node的自带模块
    }
}

如果不想用webpack.config.js文件名当配置文件

1.可以指定运行
例如：npx webpack --config webpack.config.my.js
这样，就可以按webpack.config.my.js文件里的配置进行打包
2.升级版可以在package.json里的scripts里设置一个快捷指令
例如：
“build(名字自定义)”:“webpack --config webpack.config.my.js”
这样直接可以通过npm run build就直接运行了这条命令
3.更灵活的方法，同样是在package.json里的scripts里设置一个指定快捷键
例如：“build”:“webpack”
然后通过npm run build – --webpack.config.my.js运行
后面加 – 再加上指定配置的文件名