溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1.全局安裝webpack4.x
cnpm install webpack webpack-cli --g
2.初始化npm
cnpm init --y(默認都是yes)
3.安裝依賴包
cnpm install
4.在package.json文件添加
“private”:true(防止npm發布私有包）
在script屬性下添加
"dev":webpack --mode development"
"build":"webpack --mode production"
5.在項目文件夾下新建目錄src 在src目錄下可以新建index.js index.html等webpack默認打包文件是src目錄下的index.js文件
此時可以初次嘗試打包文件試下
6.在項目目錄下新建webpack.confg.js
首先把 node中的path引進來
const path = require("path")
module.exports = {
entry: {
index: "./src/index.js"//入口chunk
},
output: { //出口配置
filename: '[name].[contenthash.7].js', //入口chunk文件名稱 hash chunkhash contenthash 每次構建生成7位hash
chunkFilename: '[id].[contenthash.7].js',
path: path.resolve(__dirname, "dist") //輸出文件夾
},
mode: 'production' //設置環境 development production
}
再次修改package.json下
"dev":webpack --config webpack.config.js"
"build":"webpack --config webpack.config.js"
當內容改變 再次打包時 hash值會跟著改變 這是為了避免緩存問題
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
