鍍金池/ 問答/HTML/ webpack打包vuejs

webpack打包vuejs

題目描述

新人前端，剛做好一個(gè)demo需要用webpack打包上線，js，html，css和圖片都打包好了，但是vue實(shí)在打包不進(jìn)去

題目來源及自己的思路

結(jié)尾不是.vue代碼是運(yùn)用了v-for寫的.js代碼，所以當(dāng)時(shí)也沒想到用vue-cli打包，請問有什么辦法能用webpack打包vuejs嗎？

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
var vm = new Vue({

el : "#mainContentBox",
data : {
    pageSize : '',
    artList : [],
    curPage : 1,
    pageCount : 5,
    artInfoList:[],
    artImgList:[],
    account:"",
    owner:"",
    id:"",
    order_id:"",
    offerList:[],
},

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

運(yùn)行之后報(bào)錯(cuò)。
圖片描述

webpack打包的代碼
圖片描述

webpack.config.js

回答
編輯回答
萌面人

data是一個(gè)方法,不是一個(gè)對象,你這樣寫vue編譯的時(shí)候就報(bào)錯(cuò)了吧,還打什么包

2018年1月29日 21:20
編輯回答
不歸路

不在cli環(huán)境直接打包JS文件就行了，如果打包出錯(cuò)應(yīng)該是webpack路徑配置錯(cuò)了

2017年4月30日 10:50
編輯回答
六扇門

看起來其實(shí)本地應(yīng)該 dev 就報(bào)錯(cuò)了吧

2018年6月25日 23:28