如果你正在寻找一个快速开始你的webpack4项目的方法，那么你就来到了正确的地方！webpack4-init是一个方便的npm包，它可以帮助你迅速构建最小化的webpack4项目架构，让你专注于你自己的代码书写。
使用webpack4-init来创建你的webpack4项目
在你开始使用webpack4-init之前，请确保你已经全局安装了npm包webpack4-init：
--- ------- -- -------------
接下来，你可以在命令行中输入以下命令来使用webpack4-init创建你的项目：
------------- --------------
其中，project-name是你自己要使用的项目名称。这会自动在当前目录下创建一个名为<project-name>文件夹，并将初始项目文件放入其中。
配置你的webpack4项目
webpack4-init默认集成了一些配置，让你可以快速地开始编写自己的项目，包括：
- 使用babel编译ES6和JSX代码
- 使用esLint来提高代码的质量
- 使用
webpack-dev-server实现自动刷新以及HMR - 集成了
css-loader和sass-loader，允许你在项目中使用Sass - 等等
如果你想要更改你的项目配置，你只需要修改webpack.config.js文件即可。由于webpack是一个高度可定制的工具，你可以在这个文件中更改任何配置选项，以满足你的特定需求。例如，如果你希望您的项目中包含更多的文件类型，你可以在这个文件中添加更多的loader配置来处理这些文件。
下面是一个示例的webpack.config.js文件，其中添加了一个配置项来处理SVG文件：
----- ---- - ----------------
----- ------- - -------------------
-------------- - -
------ -----------------
------- -
----- -------------------- --------
--------- -----------
--
------- -
------ -
-
----- --------
-------- ---------------
---- --------------
--
-
----- ----------
---- ---------------- ------------- --------------
--
-
----- ---------
---- ---------------
-
-
--
-------- -
--- ------------------------------------
--
---------- -
---- -----
------------ -------------------- -------
-
--总结
webpack4-init可以帮助你快速的开始构建你的webpack4项目。你可以使用它来创建一个最简化的webpack4项目架构，然后在此基础上进行更改。如果你想要更改项目配置，请修改webpack.config.js文件。webpack是高度可定制的，允许你在配置文件中修改任何选项以满足你的特定需求。最后，希望这篇文章可以帮助你更好的使用webpack4-init。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600671048dd3466f61ffdc89