webpack.config.js配置 var webpack = require(‘webpack’); var path = require(‘path’); module.exports={ entry: path.resolve(__dirname, ‘client/views/main.js’), output:{ path : path.resolve(__dirname, ‘client/build/’), filename:‘main.min.js’ }, resolve: { extensions: [’ ', ‘.js’, ‘.vue’, ‘.json’,‘sass’], //fallback: [path.join(__dirname, ‘…/node_modules’)], alias: { ‘vue’: path.join(__dirname, ‘node_modules/vue/dist/vue.min.js’) //‘js’: path.resolve(__dirname, ‘…/js’) } }, module: { loaders: [{ test: /.css$/, loader: ‘style-loader!css-loader}’ }, { test: /.scss/, loader: ‘style-loader!css-loader!sass-loader?outputStyle=expanded’ }, { test: /.json$/, loader: ‘json-loader’ }, { test: /.(png|jpg|woff|woff2|eot|ttf|svg)$/, loader: ‘url-loader?limit=8192’ },{ test: /.vue$/, loader: ‘vue!babel-loader’ },{ test: /.(js|jsx)$/, exclude: /node_modules/, loader: ‘babel-loader’, query: { presets: [ ‘es2015’] } },{ test: /.html$/, loader:‘vue-html-loader’ }] }, plugins: [ new webpack.HotModuleReplacementPlugin() ], cache: true, //debug: true, devtool: ‘sourcemap’ }
main.js代码 import Vue from ‘vue’; import App from ‘./App’; import router from ‘./router’; import axios from ‘axios’; Vue.prototype.$http = axios;
new Vue({ el: ‘#app’, router, template: ‘<App/>’, components: { App } })
app.vue代码：
<template>
<div id=“app”>
<router-view></router-view>
</div>
</template>
<script>
import Welcome from ‘vue/welcome.vue’;
import store from ‘vuex/store.js’;
export default{
components : {
wel : Welcome
},
store : store
}
</script>
<style>
</style>
报错如图：
