Webpack Common plug-in installation commands

Source: Internet
Author: User

Webpack Common plug-in installation commands:
1:NPM Install Html-webpack-plugin--save-dev//automatically quickly help us to generate HTML.
2:NPM Install Css-loader style-loader--save-dev//style file, we need two kinds of loader,css-loader and Style-loader,css-loader will traverse the CSS file, Find all the URLs (...) and processing. Style-loader will insert all the styles into a style tag on your page.
3:NPM Install Babel-loader css-loader style-loader--save-dev//Installation loader (Babel-loader transcoding
Css-loader to package a CSS file
Style-loader adding styles into the DOM)
4:NPM Install Sass-loader node-sass--save-dev//css Precompiled program, also need to add Node-sass to parse Sass file
5:NPM Install Url-loader--save-dev//image automatically turns into Base64 encoded
6:NPM Install jquery moment--save-dev//add third-party libraries (jquery and Moment)
7:NPM Install babel-preset-es2015--save-dev//add ES6 support
8:NPM Install babel-preset-es2015 babel-preset-react--save-dev//installation transcoding rules
The 9:NPM install Webpack-dev-middleware--save-dev//Server uses the Express framework, and you can also directly install Express's Middleware,webpack co-Express
10:NPM Install react--save-dev//Installing and referencing the React module
10:NPM Install react React-dom--save-dev//add react and React-dom
11:NPM Install React-hot-loader--save-dev//react-hot-loader is a very useful react hot-swappable loading plug-in, it can be modified to run the effect of synchronization, with Webpack-dev-server Use better!
12:NPM Install--save-dev autoprefixer postcss-loader--save-dev//
13:NPM Install Babel-loader Coffee-loader--save-dev//
14:NPM Install Autoprefixer-loader--save-dev//
15:NPM Install Vue--save-dev//
16:NPM install-d//Download all Package.json dependent packages in the project to the project

Webpack Common plug-in installation commands

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.