webpack提供的cli支持很多参数,例如 —mode ,但更多时候,我们也会使用更加灵活的配置文件来控制webpack的行为

    默认情况下,wepack通常会读取webpack.congfig.js 文件作为配置文件,但是可以通过cli参数 —config 来指定,编译的时候使用哪个配置文件 webpack —config webpack.config.js

    配置文件中通过CommonJs模块导出一个对象,对象中的各种属性对应不同的webpack配置

    1. module.exports={
    3. }

    注意:配置文件中的代码,必须是有效的node代码

    当命令行中的参数与配置文件中出现冲突的时候,以命令行参数为准

    基本配置:

    1. mode : 编译模式,字符串,取值为development或production,指定编译结果的环境,会影响webpack对编译结果的代码的格式处理 例如:webpack —mode=production/development,
    2. entry: 入口,字符串,指定打包入口文件
    3. output: 出口,对象,编译结果文件,打包后一下设置
    1. module.exports={
    2.   mode:'development',
    3.   entry:'./src/main.js',
    4.   output:{
    5.     filename:'index.js'  //打包后的文件名字
    6. }