Weex默认webpack配置改造详解
weex 的默认 webpack 配置有点儿坑，是你用多页面项目的时候，每个.vue 文件会在temp文件夹里生成一个.js，还都是挂载到#root，结果就是——页面上只能有一个 Vue 实例，别的全白搭。
默认配置里那段代码挺有意思：
contents += 'var App = require(\'' + relativePath + '\')\n';
contents += 'App.el = \'#root\'\n';
contents += 'new Vue(App)\n';看明白没？每个页面都怼到#root上，页面一刷新，全挤一块儿去了。
我改了下 webpack 配置，让每个页面都能挂载在自己的容器上，互不干扰。这样就能搞多页面结构了，开发体验直接提升。
如果你也遇到这种情况，建议你去看看我这篇改造笔记，配合下面这些资料一起参考，效果更稳：
- webpack 配置 vue
- Vue Webpack 配置详解
- vue+webpack 的基本配置项目
- Vue.js + Webpack 示例
- Webpack + Vue + Express 热启动
- Webpack+Vue 动态环境配置
嗯，提醒一句：如果你在项目里用了类似el: '#root'的写法，记得给每个页面准备自己独立的 DOM 容器，别偷懒。
文件大小：43.55KB
评论区