在1.安裝中我在mac作業系統已經講解了一個建立小demo 的模闆，沒看過的同學可以過去看一下。這篇文章主要講解在window作業系統上的建立一個小demo，mac上建立的指令跟今天這篇文章講的有些不一樣，大家可以看一下，豐富一下知識面。
下面正式開始我的表演了:
下面引用技術胖的一段話進行概括：
建立基本項目結構
首先進入上節課我們建立的webpack_demo目錄（每個人建立的位置不同，可能建立在了D盤或者E盤）。進入後在根目錄建立兩個檔案夾，分别是src檔案夾和dist檔案夾：
- src檔案夾：用來存放我們編寫的javascript代碼，可以簡單的了解為用JavaScript編寫的子產品。
- dist檔案夾：用來存放供浏覽器讀取的檔案，這個是webpack打包成的檔案。
你可以了解成src是源碼檔案，dist是我們編譯打包好的檔案；一個用于開發環境，一個用于生産環境。
這是我第一次接觸webpack，是以我直接把index.html檔案放在了dist檔案夾下面，以後的操作中不會這樣做。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ferrysoul webpack Lesson</title>
</head>
<body>
<div id="title"></div>
<script src="./entry.js"></script>
<script src="./entry2.js"></script>
</body>
</html> document.getElementById('title').innerHTML="Hello ferrysoul"; 下面配置一個檔案進行打包，檔案名字為webpack.config.js
const path=require('path');
module.exports={
entry:{
entry:'./src/entry.js',
},
output:{
path:path.resolve(__dirname,'dist'),
filename:'[name].js'
},
module:{},
plugins:[],
devServer:{}
} webpack4.x的打包方式進行了修改，是：
webpack .\src\entry.js --output .\dist\bundle.js
在終端用live-server打開網頁，沒安裝的話先安裝
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)