![]() If you are familiar with development servers live-server or nodemon on a higher level it works the same way. webpack-dev-server: The Webpack server that will act as our server during the development environment.webpack-cli: allows us to run webpack commands in the command line.webpack: The actual package that enables us to use webpack in our project. ![]() Let's take time to understand the packages we just installed Run the following command to install Webpack dependencies (note that we install them as dev dependencies) When building React apps you will end up with many files with different formats and you will need them bundled in a single JavaScript file that will be severed with the index.html to make our app run and bundling this JavaScript will be controlled by Webpack| Learn more about Webpack here It can take different files and bundles them into a single JavaScript file. Webpack is a static module bundler for modern JavaScript applications. You can learn more about This is also preset that contains babel packages needed to convert React JSX syntax into the version of JavaScript supported by older browsers. Instead of installing them one by one, they are all together in one package. You can learn more about babel cli this is a preset (collection) of different babel packages that are needed to convert all ES6 JavaScript syntax into older JavaScript versions. You can learn more about babel-loader This package allows us to use Babel from the command line.to use React but you may need to use Babel in the command line. ![]() ![]() Understand the packages we just the core/main package that is needed to use Babel in our project.īabel-loader: As we will be later working with Webpack this package will be used to connect Babel and Webpack to use them together (more on this later). Enter fullscreen mode Exit fullscreen mode ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |