webbpack basic flow


1, initialize the project
npm init -y

2、安装webpack
cnpm install webpack webpack-cli -D

3. Create the src folder create folder dist

4. Create a file webpack.config.js

5, create an entry file in the src main.js

6, the initial packing
npx webpack

7, the installation of the analytical babel JS file
cnpm install --save-dev @ babel / core babel-loader @ babel / preset-env @ babel / preset-react

8, install the loader parsing CSS file
cnpm install --save-dev style-loader css-loader sass-loader node-sass

9, the mounting plug html
cnpm install -D html-webpack-plugin

10, installation with pictures of Loader
CNPM install url-Loader File-Loader -D


11, the installation process vue file Loader
CNPM the install-Loader vue vue -D-Template-Compiler

12, installation vue.js

cnpm install vue -S


13, the server installation environment
cnpm install webpack-dev-server -D

*/

Guess you like

Origin www.cnblogs.com/superclound/p/11247665.html