1、npm init -y 生成package.json專案描述檔案。
7、建立.babelrc檔案將預設寫入「preset」。
8、分別建立兩個資料夾：src資料夾和build資料夾，前者用於放源**，後者用於放打包後的的**。
9、webpack.config.js的配置： const path = require(『path』);
module.exports = ,
,}
未完待續。。。
babel官方提供的乙個名為babel-preset-env的外掛程式。它不需要我們自己新增任何的preset，例如我們最常用的es2015,
它能根據設定智慧型的轉換**。
在webpack2中使用extracttextplugin外掛程式，需要注意，寫法是醬紫的：
解釋： use: 指的是需要什麼樣的loader去編譯檔案，這裡由於原始檔是.css所以選擇是css-loader
fallback:指的是編譯後用什麼loader來提取css檔案。這裡用的是style-loader
另外：據說還有乙個publicfile： 用來覆蓋專案路徑，生成該css檔案的檔案路徑的，暫時還沒研究出來怎麼用。
extracttextplugin這個外掛程式抽離出來的css檔案會自動的被用到html頁面中去（自動建立link標籤）。
html-webpack-plugin的用法也在專案中已經寫明，不使用模板的話，會自動建立乙個空的預設名字為index.html的頁面，也可以配置自己寫好的html模板頁面。
經過驗證，如果直接將css打包到js中載入頁面的確會閃屏，然後用extracttextplugin這個外掛程式將css檔案抽離出來後，果真就不閃屏了！！！厲害了！！！
乙個細節：
require(『normalize.css/normalize.css』);
兩種引入css檔案的方式都可以成功打包，require是commonjs的規範，import是es6的規範，但是主流現在都不支援包括node和chrome，
一般還是要用babel轉換。
要知道 無論require還是import，都不是webpack的發明，它們是已經存在於世的不同的模組化規範(目前都不能直接執行於瀏覽器)。
關於require，最早應該見於nodejs開發，屬於commonjs規範的一部分。
關於import，是es2015裡的新模組化規範。
Webpack2 的無腦友好錯誤提示工具
你只需要一行就可以實現hot reload和友好的錯誤提示 new webpackbrowserlog webpackconfig 這裡有張gif的效果圖，請等待 gif 平時我們都在瀏覽器的console面板裡看錯誤，或者是在命令列裡看錯誤真是太累了！瀏覽器直接顯示錯誤極大的提公升了開發的效率！不...
記錄一次dubbo專案實戰
存在2個系統，a系統和b系統，a系統呼叫b系統的介面獲取資料，用於查詢使用者列表。安裝zookeeper，解壓 zookeeper 3.4.8.tar.gz 得到如下 該目錄為存放資料的目錄。然後啟動，在bin目錄下 1.匯入依賴 org.springframework spring webmvc ...
記錄一次專案部署的問題
正式伺服器上的服務更新後，晚上6點定時任務啟動，服務失去響應，後台頁面打不開，連線的裝置逐漸離線。第一時間連上伺服器檢視專案的日誌，發現日誌不斷的在滾動針對某幾張資料庫表的查詢日 志，根據日誌內容，可以判定後台正在執行下發資源的業務。業務本身需要大量的資料操作，但歷史版本在執行對應操作時，卻不會導致...