webpack2系列step1--HTML

第一篇：HTML

本文將一步一步的介紹webpack2的配置，從最基礎的一直到與node結合。

操做都同樣：

midir step1 && cd step1

npm init -y

npm install --save -dev webpack@2.x.x

個人webpack版本號：

這樣幾步，就把最基本的webpack裝好了，好了，開始咱們的第一步，HTML吧。

 最簡單的入口和出口配置：

最簡單的的基本配置，只有入口和出口，而後執行webpack，就能看到dist文件夾目錄下生成了bundle.js

npm install html-webpack-plugin --save-dev    安裝HTML的插件，準備對HTML進行打包處理(後面會詳細講解主要插件的用法)

npm install clean-webpack-plugin --save-dev  每次打包前，須要把原來的文件刪除，這樣就能夠不用懷疑你生成的文件是不是最新的了 安裝這個插件

把對HTML全部打包處理的代碼以下，這樣HTML就打包就處理完成了。

webpack.config.js：

index.html:

 

 看一下生成的HTML：

好了，到這裏最簡單的HTML打包處理就完成了，謝謝你們。

附上源碼路徑：leo的GitHub

https://github.com/suxiaoX/webpack2