1.在電腦上安裝Node
2.隨便建立一個空資料夾
3.開啟DOS視窗進入這個資料夾
4.使用npm init初始化package.json檔案
5.在DOS視窗輸入:npm install webpack --save-dev安裝 webpack
6.安裝好webpack後新建index.html
7.建立webpack.config.js 這裡放的是webpack基本配置
const path=require("path");
module.exports={
entry:"./src/index.js",//指定程式的入口檔案
output:{//指定打包後的檔案路徑和名稱
path:path.resolve(__dirname, "./dist/"),
filename:"bundle.js"
},
module:{},//用來存放依賴的模組
plugins:[],//用來存放依賴的外掛
}
8.使用npm install 安裝依賴
9.使用npm run dev執行打包的操作就可以了
具體步驟給出參考網址:
https://blog.csdn.net/weixin_34221112/article/details/87418625
1.在電腦上安裝Node
2.隨便建立一個空資料夾
3.開啟DOS視窗進入這個資料夾
4.使用npm init初始化package.json檔案
5.在DOS視窗輸入:npm install webpack --save-dev安裝 webpack
6.安裝好webpack後新建index.html
7.建立webpack.config.js 這裡放的是webpack基本配置
const path=require("path");
module.exports={
entry:"./src/index.js",//指定程式的入口檔案
output:{//指定打包後的檔案路徑和名稱
path:path.resolve(__dirname, "./dist/"),
filename:"bundle.js"
},
module:{},//用來存放依賴的模組
plugins:[],//用來存放依賴的外掛
}
8.使用npm install 安裝依賴
9.使用npm run dev執行打包的操作就可以了
具體步驟給出參考網址:
https://blog.csdn.net/weixin_34221112/article/details/87418625