这里问题,解决方法,实现方法
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
