復習了webpack的一些基礎~

--progress 帶進度條

--watch 使用緩存

--colors 醒目標記

node_modules本地最好自己有一份(～￣(OO)￣)ブ，要不然可能會找不一些東西（但是我很疑惑它不能自己去全局路徑找嗎...可能有的模塊寫的時候不是這樣寫的吧...），總之就是還是要養成好習慣吧...很容易就出現要重新安裝模塊的情況！可以用npm view xxx versions來看模塊的版本，就自己手動添加到包裏去吧...

報錯一：

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.

看到不要慌張，因為是大紅色的警告，(*Φ皿Φ*)嚇了我一下。好吧，這個意思就是有個東西它不知道是啥，所以肯定什麽稱呼寫錯了。

module已廢棄，用rules代替。代碼後綴test->use相應的loader

		rules: [
           { 
           	test: /\.css$/,
            use: "style-loader!css-loader"
           }
		]

給出了一個警告：

WARNING in configuration
The ‘mode‘ option has not been set, webpack will fallback to ‘production‘ for
 
 this value. Set ‘mode‘ option to ‘development‘ or ‘production‘ to enable defaults for each environment.

然後發現有東西沒有配置，不過打包還是成功了。

因為沒有在Pakage.json裏面配置開發模式：

"scripts": {
　　"dev": "webpack --mode development",
　　"build": "webpack --mode production"
}

在webpack.config.js裏面加上一個mode:XXX的配置。具體看：https://webpack.js.org/concepts/mode/

然後Pakage.json還可能會出現奇怪的語法錯誤：

 SyntaxError: Unexpected token   in JSON at position 161

檢查一下是不是,打多了，或者空格符號不對，空格真的好難發現惹。

【2018/04/02】學習小記