ストラッピングツール

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以上

おすすめ

転載: www.cnblogs.com/jialaoshizaixianjiaoxue/p/10973869.html