2023年11月29日发(作者:)

【webpack配置】不压缩某个⽂件夹内的⽂件

⼀、使⽤场景

在项⽬中有时候需要保留⼀些⽂件不被编译压缩,⽐如⼀些配置⽂件,我们需要在打包后仍然可以更改配置⽂件并⽣效。

这时候我们可以通过webpack的插件copy-webpack-plugin,保留某⼀⽂件夹下的的所有⽂件。

⼆、使⽤⽅式

1. 安装插件

cnpm install --save-dev copy-webpack-plugin

2. 在项⽬下新建⼀个⽂件夹⽤于存储不想被编译的⽂件,如‘static’。

3. 修改webpack配置⽂件

// 在头部引⼊插件

三、注意事项

static⽬录下的⽂件不可通过require或者import的⽅式引⼊⽂件,否则该⽂件就会参与打包。可以通过http请求静态资源的⽅式,如下例:

import axios from 'axios'

('static/').then(res => {