重新開始一個基於webpack的vue專案，
npm init
npm install webpack vue
啟動 npm run build/dev
在編譯圖片的時候進行安裝
npm install style-loader url-loader flie-loader

1，webpack.config.js

module.exports={
	entry:path.join(_dirname,"src/index.js"),  // 入口檔案
	output:{
		filename: "build.js",
		path.join(_dirname,"dist")
	},		 // 出口檔案
	module: {   //   loader 編譯各個模組，圖片，css，vue，等
	    rules: [{.............................}]
	 },
}


 

2，package.json

新增build，“build”: "webpack --config webpack.config.js",
npm run build
新增dev，"dev": "webpack-dev-server --config webpack.config.js",
在webpack.config.js裡面
新增target，

3，webpack熱載入,頁面資料在變動的時候不會出現頁面重新整理抖動的效果

devtool：“#cheap-module-eval-source-map”，
new webpack.HotModuleReplacementPlugin(),
new webpack.NoEmitOnErrorsPlugin(),
 

4，資料的繫結

生命週期方法：created，mouted ，updated， destoryed，
computed：依賴data的時候，資料進行改動，將改動data資料，data資料再展示在view，

5,正式環境的優化

優化css檔案的打包，
npm install extract-text-webpack-plugin，
var ExtractTextPlugin = require('extract-text-webpack-plugin')
單獨打包靜態資原始檔，

6，單獨對vue、類庫程式碼、業務程式碼分別進行打包，希望瀏覽器能更長時間的快取，

在入口檔案裡面新增
vendor: ["vue"]
單獨打包類庫檔案
new webpack.optimize.ModuleConcatenationPlugin(),