4-webpack配置文件

这里问题,解决方法,实现方法

image.png

https://www.webpackjs.com/concepts/configuration/

一.问题

index.js文件中的内容只要一更改,就必须重新生成一次main.js,非常麻烦

二.解决方法

由于在执行webpack指令的时候,如果规定了指令的内容,就会执行当前指令,如果没有规定指令内容,就会执行webpack.config.js文件中默认的指令,由于生成main.js的指令经常要被执行,所以不妨把它写到配置文件里设置成默认执行的指令

三.优势

以前需要webpack --mode development更新main.js文件,现在只需要webpack 就可以执行配置文件中默认的指令,更新main.js

四.实现方法

• 在项目根目录下新建webpack.config.js文件
• 导入js路径模块
• 配置需要暴露的对象
  • 指定转换模式
  • 指定需要转换的文件

  • 指定转换之后输出的文件

    
    image.png