關於手動使用webpack進行專案構建總結

2021-10-10 09:05:28 字數 823 閱讀 3364

總結一下手動使用webpack進行專案構建,都有哪些步驟,以及有哪些步驟需要注意的

以下內容前提條件是安裝了node.js

一首先建立專案路徑並新增src、dist專案結構

src下檔案包括css、js、images、index.html、main.js

main.js是專案打包的入口檔案

f:\project_center\webpack_project
在專案根路徑中呼叫dos視窗,輸入生成專案配置檔案package.json指令

npm init -y
二安裝全域性webpack,輸入以下指令

npm i webpack -g
注意:webpack4版本及以上,使用webpack時,都需要安裝webpack-cli

npm i webpack-cli -g
在專案中新增webpack.config.js檔案,此檔案是針對webpack的配置檔案

// require引入path路徑

const path = require('path')

// 通過node模組操作,向外部暴露乙個配置物件

module.exports = {

entry : path.join(__dirname , './src/main.js'), // 設定webpack打包入口檔案

output : {

path : path.join(__dirname , './dist'), // 設

手動配置webpack

1.預設配置檔案的名字是 webpack.config.js webpack是node 寫出來的,所以寫node 語法 let path require path 自帶的 module.exports webpack.config.js是預設的配置名稱 或者webpackfile.js 如果要自己更...

手動配置webpack

1.預設匯出與預設匯入 執行npm i webpack wabpack cli d命令 安裝webpack相關包 在專案跟目錄中,建立webpack.config.js的webpack配置檔案 在webpack的配置檔案中,初始化如下基本配置 modules.exports 在package.jso...

使用burpsuite進行手動sql注入

sql注入是乙個web安全漏洞,它使攻擊者能夠干擾應用程式對其資料庫的查詢。通常,它使攻擊者可以檢視他們通常無法檢索的資料。成功的sql注入攻擊可能導致未經授權訪問敏感資料,例如密碼,信用卡詳細資訊或個人使用者資訊。1 檢索隱藏的資料,您可以在其中修改sql查詢以返回其他結果。2 顛覆應用程式邏輯,...