vue簡單學習 webpack

2021-10-01 20:30:42 字數 1833 閱讀 4066

本地安裝

3.2.1、js檔案之間的匯出和匯入方式:

方式1:

a.js

import

from

"./b"

;//測試

let sum = util2.

sum();

alert

(sum+2)

;

b.js

export

const util =

}

方式2:a.js

import

from

"./b"

;//測試

let sum = util2.

sum();

alert

(sum+2)

;

b.js

const util =

}export

方式3:a.js

import *** from

"./b"

//測試

let sum = util2.

sum();

alert

(sum+2)

;

b.js

export

default

}

方式4:a.js

import

from

"./b"

;

b.js

const util1 =

}const util2 =

}export

3.2.2、js打包-配置檔案
webpack ./js/a.js -o ./dist/bundle.js
每次都要使用這個命令,比較麻煩,可以使用乙個配置

新建webpack.config.js 檔案

var path =

require

("path");

module.exports =

}

3.3.1、步驟一

3.3.2、步驟二

c.js

let d =

require

("./d.js");

let c =

"ccccccccccccccccccccccc"

;console.

debug

(c,d)

require

("../css/index.css"

)

d.js

//commonjs語法規範

define

(function()

)

3.3.3、步驟三

在webpack.config.js檔案引入下面**

var path =

require

("path");

module.exports =

, module:,]

}}

3.3.4、步驟四

打包:webpack

webpack 構建簡單的vue專案

恢復內容開始 webpack主要執行流程 入口 loader處理 出口 webpack.config.js 檔案 const path require path 引入path模組 module.exports module resolve devserver 多檔案入口const htmlwebpa...

簡單配置webpack4 vue

1.建立webpack4 vue資料夾 mkdir webpack4 vue cd webpack4 vue 2.初始化npm npm init y 3.安裝相關依賴 npm i d webpack webpack cli webpack dev server vue vue loader vue ...

vue的學習 webpack(四)

安裝 cnpm install g webpack 同樣在我們的專案資料夾下執行 安裝 cnpm install g webpack cli 同樣在我們的專案資料夾下執行 檢視是否安裝成功 建立專案 在專案裡編寫 1.hello.js檔案 暴露乙個方法 exports.hello function ...