早期webpack.config.jsに建てられたモジュールと

1.npm initは、プロジェクトの初期化ファイルpackage.jsonを作成します

2.npmのWebPACK-CLI --save-devのはWebPACKの-CLIをインストールし、あなたが複数のプロジェクト(フォルダ余分node_modules)にWebPACKのプロジェクトの異なるバージョンを使用できるようにインストールし、世界的なインストールは、推奨されません

3.npmインストールのWebPACK --save安装のWebPACK

4.npx WebPACKのindex.jsプロジェクトの実行が表示されます(distのフォルダ)

ディレクトリ構造


4180367-2231b99ef0059a11.png
ディレクトリ構造

知識を使用してください

1.Common.js  

    ファイルの導入を必要とします

    メソッドのスローmoule.exports = A

2.ES2015(ES6)

    輸入輸入書類

    輸出defalutスローメソッド名メソッド名

3.css / SASS /以下

@importファイル名

4. webpack.config.jsモジュールパッケージ構成ファイルを作成します。


4180367-5e03dce8952be6ab.png
webpack.config.js

5.名前のWebPACK --config名webpack.config.jsを変更

ます。https://www.jianshu.com/p/66456dabfdd7で再現

おすすめ

転載: blog.csdn.net/weixin_34161083/article/details/91294708