我听说 Vue.js 能配合 webpack 的 vue-loader 可以模块化地写前端页面,于是想尝试一下,我不是很熟悉 webpack ,所以我从最小化依赖开始,我新建了一个 package.json ,然后加入以下三个依赖
"css-loader": "^0.25.0",
"style-loader": "^0.13.1",
"vue-loader": "^9.7.0",
照着webpackbin.com/vue
的上给的代码试了一下,结果报错了。
我想问一下搞这个东西一定加 babel 转代码吗?
1
SilentDepth 2016-12-08 17:01:34 +08:00
不用啊,浏览器支持 ES6 就行了。 Babel 就是为了 ES6 to ES5
|
2
SourceMan 2016-12-08 17:03:02 +08:00 1
$ npm install -g vue-cli
$ vue init webpack-simple my-project $ cd my-project $ npm install $ npm run dev 最简单的手脚架 |
3
murmur 2016-12-08 17:03:30 +08:00 1
可以啊 欢迎使用 vue1
|
4
Cbdy OP @murmur 你的意思是 vue.js2 要用 webpack 的话必须要使用 babel 转码吗?请问哪里有相关文档?蟹蟹
|
5
murmur 2016-12-08 17:09:38 +08:00
@murmur 我的意思是 vue1 基于 get/set 方法已经没有性能问题了,即便是有了 vue2 , vue1 依然很成熟、优秀
|
6
Cbdy OP @SourceMan 我试过了,只要使用了 webpack ,脚手架生成的 vue.js2 项目都使用了 babel 转码
|
7
SourceMan 2016-12-08 17:15:02 +08:00
@Cbdy 你要理解了,再用工具,不能为了用而用
babel 是为了转换 ES6 到 ES5 , 那么我们用 ES5/转换过的 Vue 不就行了 你有了解决问题的思路,你就可以根据这个思路去找解决的办法,亲自去实践 找 github 的 dist 看看: https://github.com/vuejs/vue/tree/dev/dist 有的话,直接 require('vue/dist/vue.common') 就解决问题了 主要还是,你自己想得太少了 |
8
SourceMan 2016-12-08 17:22:05 +08:00
@Cbdy 而且 npm install 下来的 vue 并不需要 babel 转换,直接是可以用的了 webpack-simple 依赖了 vue-loader 和 babel 是因为用来处理 .vue 文件和用 ES6 写的 .js 文件 你全部用 ES5 写 JS ,就完全不用依赖 vue-loader 和 babel 了 |
9
Cbdy OP @SourceMan 谢谢你,我吃完饭又研究了一下,找到了症结所在,原来除了默认的 vue-loader ,还需要一个 vue-template-compiler 。
|
10
v1024 2016-12-08 19:36:00 +08:00 via iPhone
可以,建议使用 vue-cli 创建模版项目,看下里面怎么做
|
11
TerranC 2016-12-09 01:33:36 +08:00
你不写 es6 ,就不必啊
|
12
xcodebuild 2016-12-09 11:45:44 +08:00
能啊 你就是不想用 webpack 都可以
|