本地安裝
3.2.1、js檔案之間的匯出和匯入方式:
方式1:
a.js
b.jsimport
from
"./b"
;//測試
let sum = util2.
sum();
alert
(sum+2)
;
方式2:a.jsexport
const util =
}
b.jsimport
from
"./b"
;//測試
let sum = util2.
sum();
alert
(sum+2)
;
方式3:a.jsconst util =
}export
b.jsimport *** from
"./b"
//測試
let sum = util2.
sum();
alert
(sum+2)
;
方式4:a.jsexport
default
}
b.jsimport
from
"./b"
;
3.2.2、js打包-配置檔案const util1 =
}const util2 =
}export
webpack ./js/a.js -o ./dist/bundle.js
每次都要使用這個命令,比較麻煩,可以使用乙個配置
新建webpack.config.js 檔案
3.3.1、步驟一var path =
require
("path");
module.exports =
}
3.3.2、步驟二
c.js
d.jslet d =
require
("./d.js");
let c =
"ccccccccccccccccccccccc"
;console.
debug
(c,d)
require
("../css/index.css"
)
3.3.3、步驟三//commonjs語法規範
define
(function()
)
在webpack.config.js檔案引入下面**
3.3.4、步驟四var path =
require
("path");
module.exports =
, module:,]
}}
打包: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 ...