webpack怎么构建工具配置和常用插件

这篇文章主要为大家展示了webpack怎么构建工具配置和常用插件,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。

webpack构建工具已经火了好几年,也是当下狠火狠方便的构建工具,我们没有理由不去学习。既然选择webpack就要跟着时代走,我们要追随大牛的步伐,大牛等等我。

<李>在根目录使用npm init命令创建包。json,创建过程中一路回车。 <李>本地安装webpack命令:npm安装webpack webpack-cli——save-dev安装成功后写入包。js的devDependencies中,可以通过npm node_modules/in/webpack - v命令查看它的版本。 <李>全局安装npm安装- g webpack不推荐全局安装webpack。它会把你的项目锁定全局安装的版本,也可能导致不同的webpack版本中构建失败。

静态资源文件目录

<李>,# 8203;- src(项目源文件目录) <李>,# 8203;-区域(打包文件目录) <李>,# 8203;——webpack.config。js (webpack配置文件) <李>,# 8203;——包。json (NPM包管理配置文件) <李>,# 8203;——node_modules项目中的依赖存放目录)

 
 
 
 
 <强> 1,HtmlWebpackPlugin  
 
 const {CleanWebpackPlugin}=要求(& # 39;clean-webpack-plugin& # 39;);
　　插件:[//该插件主要用于自动删除webpack里dist目录中已不需要的文件
　　新的CleanWebpackPlugin ()
　　]
　　
webpack怎么构建工具配置和常用插件