webpack与vue遇到的一些问题
在这个 vue脚手架工具下进行的开发
我想将vue使用<script></script>直接在html内通过cdn插入
目前 我的配置和页面代码是这样的
webpack.base.config.js
externals: {
'Vue': 'window.Vue'
}
info.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>vue-cli-multi info</title>
</head>
<body>
<div id="app">
{{ title }}
<info></info>
</div>
<script src="http://cdn.bootcss.com/vue/2.1.10/vue.min.js"></script>
</body>
</html>
info.js
import Vue from 'Vue'
import info from '../../components/info.vue'
/* eslint-disable no-new */
new Vue({
el: '#app',
components: {
info
},
data: {
title: 'inf'
}
})
info.vue
<template>
<h1>{{ msg }}</h1>
</template>
<script>
export default {
name: 'info',
data () {
return {
msg: 'this is info page'
}
}
}
</script>
现在就会报错
ERROR in ./src/components/info.vue Module not found: Error: Cannot resolve module 'vue'
路径是没有问题的。
还有 能否可以在js中不用import vue 而是直接使用,既然我已经在html上插入了。。。
3 回复