09、配置文件的分离

29 阅读1分钟

开发时需要的配置抽离一起

打包时需要的抽离一起

抽离

1、创建文件

image.png

base : 公共的

dev :开发时

prod : 生产时
image.png image.png

2、文件合并

开发时 : base + dev ; 生产时:base+prod 。 所以我们需要将两个文件合并

2.1、下载 (webpack-merge)

image.png

2.2、使用

image.png image.png 3、此时运行会报错,我们还需要在package.json中指定一下

image.png

必须要手动指定一下,因为固定找,只会去找webpack.config.js文件 

5、此时就可以把 webpack.config.js文件删除掉,不过,这样开始打包会打包到 build里面

image.png

6、因为我们配置的时候,是拿的当前文件的目录下,给里面添加dist 。而此时的当前目录是build目录

image.png

7、但我们希望打包到 总目录下,修改

image.png

image.png