第一篇：HTML

本文將一步一步的介紹webpack2的配置，從最基礎(chǔ)的一直到與node結(jié)合。

操作都一樣：

midir step1 && cd step1

npm init -y

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

我的webpack版本號：

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

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

最簡單的的基本配置，只有入口和出口，然后執(zhí)行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

轉(zhuǎn)載于:https://www.cnblogs.com/heigehe/p/7592077.html

總結(jié)

以上是生活随笔為你收集整理的webpack2系列step1--HTML的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。