vue-loader配合webpack的使用及安裝

• vue-loader配合webpack的使用及安裝:

1. 工程文件簡單的目錄結構  

　　index.html

　　main.js   入口文件

　　App.vue   vue文件，官方推薦命名法

　　package.json   工程文件(項目依賴，名稱，配置)

　　     npm init --yes   生成

　　webpack.config.js   webpack配置文件

     ps:  es6模塊化開發  導出模塊：export default {}   引入模塊:import 模塊名 from 地址

1. webpack的準備工做

 　　cnpm install webpack --save-dev

　　cnpm install webpack-dev-server --save-dev

　　App.vue -> 變成正常代碼  vue-loader@8.5.4

　　cnpm install vue-laoder@8.5.4 --save-dev

　　cnpm install vue-html-loader --save-dev     

　　 　　vue-html-loader  css-loader  vue-style-loader vue-hot-reload-api@1.3.2