webpack打包vuejs

Question

题目描述

新人前端，刚做好一个demo需要用webpack打包上线，js，html，css和图片都打包好了，但是vue实在打包不进去

题目来源及自己的思路

结尾不是.vue代码是运用了v-for写的.js代码，所以当时也没想到用vue-cli打包，请问有什么办法能用webpack打包vuejs吗？

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
var vm = new Vue({

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

你期待的结果是什么？实际看到的错误信息又是什么？

运行之后报错。

webpack打包的代码

webpack.config.js

Answer 1

不在cli环境直接打包JS文件就行了，如果打包出错应该是webpack路径配置错了

Answer 2

data是一个方法,不是一个对象,你这样写vue编译的时候就报错了吧,还打什么包

Answer 3

看起来其实本地应该 dev 就报错了吧