vue的webpack打包步驟

1，安裝全局cli；npm install -g vue-cli
2，建文件夾;vue init webpack my-project : my-project爲我本身的項目文件名,下載時一個yes其餘都是NO
3，在項目中npm install下載相關模塊
4，獲得模塊後npm start 啓動，而後進入8080端口，默認爲vue官方頁面，而且自動彈出首頁，
須要進入config文件，將裏面的index.js 的autoOpenBrowser改成false，則不會再自動彈出網頁。
5，能夠刪除自帶首頁，即router裏面的App.vue文件，和components下面的Hello.vue文件
6，在components文件夾下面加入本身的項目文件，在router文件夾下面的index.js裏面修改須要引入的模塊，而且配置加載路徑，默認爲哈希路徑，能夠在router文件下面添加mode: 'history',改成絕對路徑
7，在config的index.js裏面配置跨域訪問路徑
proxyTable: {
'*' : {
target: 'http://127.0.0.1:3000',
changeOrigin: true,
filter: function (pathname, req) {
return pathname.match('^(/admin)|(/student)|(/getSession)|(/logout)');
}
}
},
8,針對裏面的css寫法則徹底按照css的方式寫，在<style>裏面加入scoped屬性，則會限制css樣式不受外界污染。