F-loat / mpvue-quickstart

🐱‍👤 更优雅的 mpvue 起手式
http://mpvue.com/mpvue/quickstart
172 stars 34 forks source link

在pages中使用文件夹形式新增页面,编译生成文件中缺少template文件 #2

Closed feng-fu closed 6 years ago

feng-fu commented 6 years ago

使用quickstart新建项目,在pages中以文件夹的方式新增一个test文件夹,在其中分别新建main.js 和 index.vue文件

// main.js
import App from './index'
import Vue from 'vue'
import store from '@/store'

const app = new Vue({
  store,
  ...App
})
app.$mount()
export default {
  config: {
  }
}
// index.vue

<template>
  <div>this is a test. {{message}}</div>
</template>
<script>
export default {
  data () {
    return {
      message: '12312312'
    }
  }
}
</script>

pages.js文件中配置该路径 image

进行打包后缺少pages/test/main/template文件夹,该文件夹内文件被pages/test/main.wxml引用

image

F-loat commented 6 years ago

这个模板是搭配 mpvue-entry 使用的,你想用普通的那种方式需要自己修改下 webpack 的入口配置

feng-fu commented 6 years ago

嗯,所以mpvue-entry不支持这种方式吗

F-loat commented 6 years ago

你看下 mpvue-entry 的文档,页面不需要 main.js 文件的

F-loat commented 6 years ago

pages.js 里配置的是 vue 文件的路径

feng-fu commented 6 years ago

谢谢