webpack常用配置
时间: 2023-11-01 20:35:14 浏览: 52
Webpack是一个打包工具,可以将多个模块打包成一个或多个bundle。常用的配置如下:
1.入口(entry):webpack打包的入口文件,可以是一个或多个,一般为一个JS文件。
2.输出(output):打包后文件的输出路径和文件名。
3.Loader:用于对文件进行转换处理,如将ES6转换为ES5,将CSS转换为JS等。
4.Plugins:用于扩展Webpack的功能,如压缩代码、处理HTML文件等。
5.Source Map:用于调试,将打包后的代码映射回原始代码。
6.Mode:指定打包模式,有development和production两种模式,分别用于开发和生产环境。
7.Resolve:用于指定模块的解析规则,如别名、后缀名等。
8.DevServer:用于开启一个本地服务器,方便开发调试。
9.Externals:用于指定不需要打包的模块,如CDN引入的jQuery等。
10.Performance:用于配置性能相关的选项,如打包文件大小的限制等。
相关问题
webpack常用配置项
A:Webpack常用配置项包括:
1. entry:入口文件,用于指定Webpack从哪个文件开始打包。
2. output:输出文件,用于指定Webpack打包后的文件输出位置。
3. mode:打包模式,用于指定是开发模式还是生产模式。
4. resolve:解析模块路径,用于指定Webpack在导入模块时搜索哪些路径。
5. module:模块配置,用于指定Webpack默认使用的模块加载器。
6. plugins:插件配置,用于给Webpack扩展功能,比如生成页面模板、压缩代码等。
7. devServer:开发服务器配置项,用于配置自动刷新、代理服务器等功能。
8. optimization:优化配置项,用于优化打包后的代码,比如去重、压缩等。
9. resolveLoader:解析Loader路径,用于指定Webpack搜索Loader的路径。
webpack常用配置项有哪些?
webpack常用的配置项有:
1. entry:入口文件,指定打包的入口文件路径。
2. output:输出文件,指定打包后的输出文件路径和名称。
3. mode:模式,指定打包的模式,包括开发模式(development)和生产模式(production)。
4. module:模块,用于配置各种模块的处理规则。
5. resolve:解析,用于配置模块解析的规则,例如别名、扩展名等。
6. plugins:插件,用于扩展webpack功能,例如压缩代码、生成HTML文件等。
7. devServer:开发服务器,用于提供本地开发环境,包括自动刷新、代理等功能。
8. optimization:优化,用于配置打包的优化策略,例如代码分割、压缩等。
9. externals:外部扩展,用于将一些常用的依赖从打包文件中剔除,减小打包文件的体积。
10. target:目标环境,用于指定打包的目标环境,例如浏览器、Node.js等。
当然,还有很多其他的配置项,这里只列出了一些常用的。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)