webpack 配置文件

webpack的配置文件用来控制webpack的行为。

默认情况下,webpack会读取webpack.config.js文件作为配置文件,也可以通用命令行来修改 npx webpack --config 123.js. 

webpack在构建时先读取配置文件,然后读取模块的导入导出特殊语句来构建依赖关系。所以配置文件的运行环境是在node环境,配置文件里面的代码必须是有效的node代码,使用CommonJs模块化。配置文件中通过CommonJs模块导出一个对象,对象中的各种属性对应不同的webpack配置。

基本配置

mode: "development" | "production"  指定编译结果的代码运行环境,影响webpack对编译结果代码格式的处理

entry:指定入口文件 字符串

output:指定编译结果文件 对象

 

module.exports = {
  mode:"production",
  entry:"./src/main.js",
  output:{
    filename:"bundle.js"
  }
}

 

posted @ 2020-11-02 15:51  张最棒  阅读(263)  评论(0编辑  收藏  举报