webpack配置(入口出口)

Posted 平静的学习

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack配置(入口出口)相关的知识,希望对你有一定的参考价值。

const path=require(‘path‘); //是node.js的path模块 

//单入口,单出口

module.exports={

  //  入口文件

  entry:{

    entry:‘./src/entry.js‘  //入口文件路径

  },

  //  出口文件的配置项

  output:{

    path:path.resolve(__dirname,‘dist‘),/打包文件的绝对路径

    filename:‘build.js‘,//打包的文件名

  }

}

//多入口,多出口 (webpack)

module.exports={

  entry:{

    main:‘./src/main.js‘,

    entry:‘./src/main.js‘

  },

  // 出口的配置项

  output:{

    path:path.resolve(__dirname,‘dist‘),

    //filename:‘[name].js‘

    filename:‘./js/[name].js‘

  }

}

//[name]的意思是根据入口文件的名称,打包成相同的名称,有几个入口文件,就打包出几个文件

 

以上是关于webpack配置(入口出口)的主要内容,如果未能解决你的问题,请参考以下文章

webpack小结

webpack.config.js配置入口出口文件

Webpack 4 学习03(配置入口和出口的进阶使用)

webpack怎样配置出入口文件?

webpack4.x配置详解,多页面,多入口,多出口,新特性新坑!!

webpack output出口