آموزش بسته وب 4

مقدمه Introduction

• ماژول های JavaScript را با صفحه وب 4 همراه کنید Bundle JavaScript modules with webpack 4

• آنچه باید بدانید What you should know

1. صفحه وب چیست؟ 1. What Is webpack?

• صفحه وب چیست؟ What is webpack?

• صفحه وب 4 جدید چیست؟ What's new in webpack 4?

• Webpack و webpack-cli را نصب کنید Install webpack and webpack-cli

• صفحه وب را اجرا کنید Run webpack

• ساخت را با webpack.config اجرا کنید Run the build with webpack.config

• با استفاده از اسکریپت های ساخت npm Using npm build scripts

2. لودرهای صفحه وب 2. webpack Loaders

• لودر چیست؟ What is a loader?

• babel-loader را برای یک پروژه React یا ES6 تنظیم کنید Set up babel-loader for a React or ES6 project

• با استفاده از @ babel / preset-env Using @babel/preset-env

• با استفاده از @ babel / از پیش تعیین شده Using @babel/preset-react

3. دارایی بارگیری کنید 3. Load Assets

• CSS را با صفحه وب بارگذاری کنید Load CSS with webpack

• بارگیری تصاویر با صفحه وب Load images with webpack

• با استفاده از webpack-dev-server Using the webpack-dev-server

4. تقسیم کد با صفحه وب 4. Code Splitting with webpack

• تقسیم کد چیست؟ What is code splitting?

• چندین نقطه ورود را اضافه کنید Add multiple entry points

• با SplitChunks بهینه سازی کنید Optimize with SplitChunks

• با استفاده از HtmlWebpackPlugin Using the HtmlWebpackPlugin

• تهیه کد برای تولید Prepare code for production

نتیجه Conclusion

• مراحل بعدی Next steps