آموزش Webpack 1

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید از قبل بدانید What you should already know

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

1. صفحه وب 1. webpack

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

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

• ساخت یک صفحه وب Running a webpack build

• درک پرونده webpack.config Understanding the webpack.config file

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

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

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

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

• تنظیم لودر قهوه برای پروژه های CafeScript Setting up coffee-loader for CoffeeScript projects

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

• چرا بارگذاری CSS با صفحه وب؟ Why load CSS with webpack?

• انتقال Sass با صفحه وب Transpiling Sass with webpack

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

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

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

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

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

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

5- webpack-dev-server 5. webpack-dev-server

• webpack-dev-server چیست؟ What is the webpack-dev-server?

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

نتیجه Conclusion

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