1.なぜ、パッケージツールを使用できますか?
- モジュラー開発を使用するので、ブラウザで実行するために、サーバー側で実行されている、ファイルがパッケージ(パッケージツールを使用する必要があります)コンパイルする必要があります。
2.パッケージングツールカテゴリ
--1.browserifyストラッピングツール
- NPM(グローバルまたは現在のディレクトリにダウンロード)browserifyダウンロードbrowserifyインストール
- 入力ウィンドウは、出力ファイルのパッキングが完了した後>ターミナルbrowserifyファイル名にパッケージ化され、ファイルが完全なパッケージです。
ストラッピングツールを--2.webpack
- グローバルおよび現在のディレクトリ内のWebPACKの3.8.1バージョンをダウンロードして、NPM(グローバルダウンロード-gの増加の後ろ)[email protected]をインストール
- 梱包声明:WebPACKのパッケージ化されたファイル/出力ファイルのファイルパスが/出力ファイルパスパッケージ化されています
- このような欠点は、各完成したパッケージの後にパッケージ化するための命令の入力をパッケージ化する必要があることです
- 設定webpack.config.js命令が低減することができます
= {module.exportsは
エントリ: "index.js ./"、//ファイルにパッケージ
出力:{
パス:__ dirnameは+ "/ DIST"、//出力フォルダのファイル
名: "./ bundle.js" //出力ファイル名
}、
Module1を:{
ローダーへ:[
{
テスト:/ \ CSSの$ /、//ファイルタイプ検出。
へのローダー: "!CSSスタイル・ローダーローダー" //対応するプラグインを使用して
}
]
}
}
- 設定ファイルのみを入力命令に必要とした後のWebPACKパッケージ化することができるファイルは、(正しいファイル名を維持するために)
- たくさんまだ持って入力するような指示概要では、何度も何度もコマンド
自動包装を--3.webpack
- ダウンロードのWebPACK-devのサーバー(グローバルおよび現在にダウンロードされる。最初のバージョンよりもノートのWebPACK-devのサーバーバージョンのWebPACK;例えば、後者が前者にする必要があり、バージョン4.0またはバージョン3.0文句を言うだろうです)
要するに、バージョンは、私はBaiduの上で見つけてください他の小さなパートナーの対応のWebPACK-devのサーバー(2.9.4)のバージョンを使用しています(3.8.1)のWebPACKを対応している必要があります。
デフォルトと127.0.0.1:8080/ locahost中:8080 /起動後、ブラウザを認証するために、ダウンロードの入力端子のWebPACK-devのサーバー--hot --inlineブートサーバーを完了した後、
変更を確認した後にのみ、ファイル名のパスに導入されたJSについてのhtmlファイルで起動する必要があります
- 縮小される命令
スクリプト属性(あなたは自分自身を追加することができない場合、属性値が配列である)Package.jsonを加えた「DEV」: 『のWebPACK-DEV-サーバー--hot --inline』
この場合、RUNのNPMでのみ入力端子DEV(であることが上記の特性が追加されたと一致)
15934465474(マイクロエレクトロ同じ番号)QQ:3316455037(あなたが導くために歓迎)純粋に個人的な意見I TEL以上