آموزش Webpack 3

مقدمه Introduction

• خوش آمدی Welcome

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

• با استفاده از پرونده های تمرینی Using the exercise files

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

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

• نصب صفحه وب Installing webpack

• اجرای صفحه وب از خط فرمان Running webpack from the command line

• ایجاد پیکربندی صفحه وب Creating a webpack config

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

• با استفاده از یک دستور ساعت Using a watch command

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

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

• راه‌اندازی babel-loader Setting up babel-loader

• با استفاده از ایستگاه از پیش تنظیم شده بابل Using babel presets

• با استفاده از babel-loader برای React Using babel-loader for React

3. صفحه وب و CSS 3. webpack and CSS

• بارگیری CSS با صفحه وب Loading CSS with webpack

• کامپایل کردن SCSS Compiling SCSS

• بارگیری تصاویر Loading images

• تنظیم وب سرور-وب-dev-server Setting up the webpack-dev-server

4. افزونه های صفحه وب 4. webpack Plugins

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

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

• با استفاده از بسته های مشترک Using the commons chunk bundle

• پرونده های فروشنده بسته بندی Bundling vendor files

• همراه با افزونه HTMLppack Incorporating the HTML webpack plugin

• تهیه کد تولید Preparing code for production

نتیجه Conclusion

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