webbpack基本的な流れ


1、プロジェクトの初期化
NPMのinit -y

2、安装WebPACKの
cnpmインストールのWebPACKのWebPACK-CLI -D

3.フォルダDISTを作成srcフォルダを作成します。

4.ファイルwebpack.config.jsを作成します。

5、SRCのmain.jsのエントリファイルを作成します

6、初期の梱包
NPXのWebPACK

7、分析バベルJSファイルのインストールは
--save-DEV @バベル/インストールcnpmコアバベルローダ@のバベル/プリセット-ENVする@バベルを/プリセット反応

8、ローダ解析CSSファイルをインストール
--save-devのスタイルローダインストールcnpm CSS-ローダーSASS-ローダーノード-SASS

図9に示すように、取付プラグHTML
cnpm -D HTML-WebPACKの、プラグインをインストール

10、ローダーの写真とインストール
CNPMは、URLローダファイル・ローダーをインストール-D


11、インストールプロセスのVUEファイルローダー
CNPMインストール・ローダーVUE VUEの-D-テンプレートコンパイラ

12、インストールvue.js

VUEをインストールcnpm -S


13、サーバーの設置環境は
WebPACKの-devのサーバーをインストールcnpm -D

* /

おすすめ

転載: www.cnblogs.com/superclound/p/11247665.html