webpack是基於nodejs開發出來的前端工具
webpack可以處理js檔案的依賴關係，webpack能夠處理js的相容問題，把高階瀏覽器不識別的語法轉換成瀏覽器正常識別的語法
（jnlp是基於task的，webpack是基於專案構建的）
新建專案所需要的各種檔案和目錄，基礎**
1.安裝webpack
1) 全域性安裝
c:\users\lmx>npm install webpack -g
c:\users\lmx>npm install webpack-cli -g
c:\users\lmx>npm insall webpack-dev-server -g
2) 專案安裝
命令列當前檔案路徑
npm init -y
npm install webpack -d
npm install webpack-cli -d //由於webpack4之後不再包含webpack-li 所以需要單獨安裝，否則報錯
npm install webpack-dev-server -d //用於自動打包生成bundle.js
2. 專案執行
1) 執行方式一：`webpack`命令
錯誤解決一：
提示使用development模式還是production模式，可以使用 `webpack --mode development` 也可以在 『錯誤解決二』 中提到的`webpack.config.js` 檔案中配置
錯誤解決二：
webpack預設的需要打包的檔案是index.js，而我們使用的是main.js 所以報錯，在專案目錄中新建名稱為 `webpack.config.js` 的檔案，基本內容如下：
//預設的路徑是以當前專案的根目錄資料夾，也就是安裝webpack的資料夾目錄
const path = require('path')
module.exports =,
}
執行 `webpack` 自動生成
2) 執行方式二：
命令列執行： `webpack .\src\main.js .\dist\bundle.js`
注意斜線的朝向
3) 執行方式三：
安裝了 `webpack-dev-service` 本地執行，webpack生成的bundle.js並沒有儲存在物理盤上，而是直接託管到了記憶體中，所以根目錄下可能找不到這個檔案
`webpack-dev-service ` 的配置方式有兩種：
① 配置方式一：
在 `package.json` 中配置 `webpack-dev-service `
"scripts": ,--mode development 配置執行的模式
--open 是否執行時開啟瀏覽器（開啟的是系統預設開啟鏈結的瀏覽器）
--port 8081 配置本地開啟的埠號
--contentbase src 配置預設瀏覽器開啟的頁面是什麼下的
② 配置方式二：在 `webpack.config.js` 中配置
const path = require('path')
module.exports =,
devserver:,
}
③ 配置完成之後命令列執行 `npm run dev`
至此完成了webpack的基本的執行
初學者談初學者學html
這是乙個段落。解釋一下就是 html 與 html 之間的文字是描述網頁。head 與 head 之間的文字是文件的元資料。title 與 之間的文字是文件的標題。body 與 body 之間的文字是可見的頁面內容，是文章的主體部分。h1 與 h1 之間的文字被顯示為乙個大標題。p 與 p 之間的文...
vue初學者 安裝篇
webstorm 構建基於webpack的vue專案 1 安裝node.js npm是node的包管理器所以安裝了node，npm也就有了，此處埋坑 2 安裝webpack npm install webpack g 報錯starting之類的，查了一下說是node安裝在c盤無法操作，使用c win...
初學者mysql MySQL初學者使用指南
有很多朋友雖然安裝好了mysql但卻不知如何使用它。在這篇文章中我們就從連線mysql 修改密碼 增加使用者等方面來學習一些mysql的常用命令。一 連線mysql。1 例1 連線到本機上的mysql。首先在開啟dos視窗，然後進入目錄 mysqlbin，再鍵入命令mysql uroot p，回車後...