Webpack學習系列（一）

標籤：module   npm   ges   安裝   賺錢   package   測試環境   dex   dir   

一：全域安裝：

　　npm install webpack -g　　(-g全域安裝)

　　npm init -y   (初始化參數)

　　npm install webpack --save-dev  (安裝在當前檔案夾下,--save是參數，-dev是選項)

二：前端骨架：

　　--開發環境：

　　--測試環境：

　　--生產環境：（就是去賺錢了）

三： 我的檔案夾：

　　assets

　　　　--lib

　　　　--js

　　　　--css

　　　　--images

　　src

　　　　--lib

　　　　--js

　　　　--css

　　　　--images

　　index.html

　　package.json

在srcipt中可以新增"script"下的"satrt": "webpack"

　　webpack.config.js　

module.exports = {
entry: __dirname + "/src/js/index.js", //唯一入口檔案
output: { //輸出到哪？
path: __dirname + "/assets/js",
filename: "index.js"
}
}

 

Webpack學習系列（一）