WebPACKの自動操作、および梱包操作IMG CSSのJSON

  いいえ属性生産指示操作しない、開発環境に属する演算命令

  WebPACKの:コマンドを入力した後、それが自動的にブラウザを開きます。

    プラグインを必要とする:オープンブラウザのWebPACK - プラグインの生産環境

  あなたがこの方法で使用するNode.jsのパス、

  VARパス=(「パス」)パスの操作が必要

  path.resolve()メソッドは、そのディレクトリの下に現在のディレクトリを意味し、パス絶対パスパラメータ(__dirname、「./ディレクトリ」)になります

  サーバが自動的に起動されると、WebPACKの-devのサーバーのルートディレクトリとき、現在のプロジェクトがします

  私は、ルートディレクトリを指定し、ポートを変更したいです。

    私たちは、webpack.config.js属性

    devServer:{

      contentBase: "" //ルートディレクトリ

      ポート:「」//ポート

      プロキシ:「」//プロキシサーバー

    }

  ピクチャーCSSのJSON、およびので、私は何をする方法を紹介したいと思います。

  背景画像のための主要な絵、それがパックされた無効な背景のCSSを導入する伝統的な方法であるので、我々は、ピクチャパッケージを必要とするので、

  JSONファイル:直接使用することができます(「JSONファイル」)を必要とするが、まだパックしたいです

    JSON-ローダーは、プラグインをダウンロードする必要があります

  ランチの画像をロードすることができません、

  IMGファイル:  

    URLローダは、プラグインをダウンロードする必要があります

    リミット:最大代表。

  そこロード順序

  CSSファイル:

    プラグインをロードするために、スタイル・ローダーCSS-ローダー、

  ES6のためのJS処理(ES6はES5を置き換え)

    バベル・ローダーは、プラグインをダウンロードする必要があります

  なぜ私だけではなく、プラグ方法、それを使用することを紹介していますか?公式サイトでは、詳細な使用方法を提供するので

  公式サイトに名前を付けます。https://www.npmjs.com/

  最初のステップは、あなたは検索プラグインをダウンロードしたいです

  

 

おすすめ

転載: www.cnblogs.com/shangjun6/p/10979242.html