我的项目由webpack模板创建!
npm运行构建
在线它可以很好的工作,但vendor.js太大了!
修改后的webpack配置webpack.prod.conf.js添加以下内容:
js
externals: {
'vue': 'Vue',
'vee-router': 'VueRouter',
'vuex': 'Vuex',
},我分离了vue,vue-router,vuex,包括CDN!像这样:
html
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
<script src="https://unpkg.com/vue@2.3.4/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.3.1/dist/vue-router.js"></script>
<script src="https://unpkg.com/vuex@2.3.1"></script>
</body>但是,当我将文件上传到行时,有些问题如下:
vuex@2.3.1:667 vuex已经安装。Vue.use(Vuex)只需调用一次。vendor.js:24 Uncaught :无法重新定义属性:$router at Function.defineProperty () at Function.v as安装 at Function.Vue.use (vue.js:4110) at Object。(vendor.js:24) at r (manifest.js:1) at Object。(app.js:1) at r (manifest.js:1) at Object。(app.js:1) at r (manifest.js:1) at Object。(app.js:1)
有人能帮我吗?
发布于 2017-08-03 11:26:59
如果您通过CDN加载Vue & Vuex -您不需要使用Vue.use (.)
https://stackoverflow.com/questions/45464540
复制相似问题