當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

7. webpack 初步熟悉使用

發布時間：2024/10/8 编程问答 20 豆豆

生活随笔收集整理的這篇文章主要介紹了 7. webpack 初步熟悉使用小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

7. webpack ?初步熟悉使用

1. 建立項目文件夾（文件夾或者名稱你可以自定義，但是盡量標準化）

2.建立項目目錄，必須目錄和必須文件，然后使用項目指令

（1.） ?dist ?--存放打包文件

（2.） src ?--存放文件

（3） src 下下面建立 ?css /js/images 文件

（4）在src 目錄下，建立必備文件目錄，index.html ?main.js

3.整個部署于使用過程如下。

犯錯總結：index.html 中忘記引包了src="../dist/boudle.js"，所以沒有效果。。。。

<!doctype html>

<html?lang="en">

<head>

<title>組件的開發</title>

</head>

<!--

1.想要控制li,需要引入Jquery

2. 倒入Jquery包，使用 npm 指令，

3.初始化一下 npm init：這個命令用于創建一個package.json。特別要注意路徑

npm init --yes或npm init -y:從當前目錄中提取的信息生成默認的package.json。創建過程中不會提問。

4. npm i jquery -s 安裝Jquery(倒入)jquery

5. 到main.js 中去編輯相關代碼和指令,

6.寫好以后，明知道不會兼容，因此需要webpack 打包一下，

7.webpack .\src\main.js --output .\dist\boudle.js

8.index.html 中忘記引包了src="../dist/boudle.js"，所以沒有效果。。。。

-->

<body>

<ul>

</ul>

</body>

</html>

?(4) 整體總結：