Can';我不能让webpack与Babel一起在客户端工作
我正在尝试使用快速/把手来实现。根据那个页面,我去安装了Webpack(然后是Babel) 从表面上看,Webpack正在发挥作用:Can';我不能让webpack与Babel一起在客户端工作,webpack,vue.js,babeljs,Webpack,Vue.js,Babeljs,我正在尝试使用快速/把手来实现。根据那个页面,我去安装了Webpack(然后是Babel) 从表面上看,Webpack正在发挥作用: webpack built 770ca5c82f424a41909d in 285ms Hash: 770ca5c82f424a41909d Version: webpack 1.14.0 Time: 285ms Asset Size Chunks Chunk Names bundle.js 1.84 kB
webpack built 770ca5c82f424a41909d in 285ms
Hash: 770ca5c82f424a41909d
Version: webpack 1.14.0
Time: 285ms
Asset Size Chunks Chunk Names
bundle.js 1.84 kB 0 [emitted] main
chunk {0} bundle.js (main) 428 bytes [rendered]
[0] ./public/client.js 428 bytes {0} [built]
webpack: bundle is now VALID.
这是我的index.html
<html>
<head>
<title>writing.io</title>
<script src="public/bundle.js"></script>
</head>
<body>
<script>
import Vue from 'vue';
import Home from './Home.vue';
import Game from './Game.vue';
new Vue({
el: '#app',
render: h => h(Home)
})
...
编写.io
从“Vue”导入Vue;
从“/Home.vue”导入主页;
从“/Game.vue”导入游戏;
新Vue({
el:“#应用程序”,
渲染:h=>h(主)
})
...
我在从“Vue”导入Vue时得到意外的令牌导入
代码>(现在“应该”与巴贝尔一起使用)
尝试将该行替换为var Vue=require('Vue')。Vue
,但无法识别require
<>我错过了什么?首先,我看不到定义在你的WebPACK文件中的VUE加载器,所以考虑把它添加到加载器中,因为当你想使用单文件组件时,它是必需的。
var path = require('path');
module.exports = {
entry: './public/client.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
publicPath: '/public'
},
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
{ test: /\.vue$/, loader: 'vue' }
]
}
};
另外,请确保通过npm/Thread在应用程序中安装了vue loader
最后,请确保已安装VueJS我看不到您的网页文件中定义的Vue加载程序,因为我知道它是单个文件所必需的Components@BelminBedak-我正在努力让它工作。。。我发现的是一个使用vue cli
的完整生成器。希望调整我目前的项目,而不是从头开始。。。仍然不确定如何使用该加载程序。看看我的示例repo webpack.config.js文件,您将看到如何初始化vue加载程序(确保您已通过npm安装),还可以查看.babelrc文件-顺便说一句,我甚至无法在您的包中看到vue。json@BelminBedak谢谢,很有魅力(嗯,现在遇到了其他错误,但这个问题似乎已经解决了)。嗯,实际上我修复了一系列依赖性错误,我的bundle.js现在更大了(应该是这样的)我回到了原来的错误-在我的.VUE文件中,既没有<代码>导入< /代码>也没有<代码>定义了。HM,让我重新研究一下,需要一些时间来查看可能的问题。好的,我想我找到了-所以你有clion .js作为入口文件,但是我看不到任何与VUE相关的东西被导入,所以WebPACK这里看不到VUE。关于将内容从index.html(js部分)移动到client.js-看看我是怎么做的-对我来说这是网页中的条目文件是的,我同时发现了同样的内容。非常感谢!