使用 Webpack 进行 Vue 组件化开发
打赏作者

JellyBool 回复 yuze wang

不错不错!很认真啊

yuze wang 回复 JellyBool

我在想一个问题,本文由 JellyBool 创作,未经同意,禁止转载和引用。
1.站内引用算不算侵权
2.如果侵权 是不是 要有个私人笔记功能,可以选择 仅自己可见
3.笔记做在另一个平台上实在是不方便

JellyBool 回复 yuze wang

站内没事的吧,我觉得其实还是使用 Pocket 这样的收藏很方便。这些都是私人的东西

或者我稍微修改一下说明

yuze wang 回复 JellyBool

你要是不反对我就拿评论当笔记了,
你可以看一下 得到app 李笑来的专栏
基本上 较多的内容来自用户评论,然后李笑来在评论的基础上迭代出新的课程

JellyBool 回复 yuze wang

恩,可以的。。。这个确实可以考虑

wenqingzzz 回复 yuze wang

似乎少了一个 vue-template-compiler ,我这里会报错的

JellyBool 回复 wenqingzzz

新版有改动了么?之前是直接 vue-loader 就可以了

zaxk

Jelly不要急躁hhhh

iralance

phpstorm右击创建文件,有vue的这种类型,是怎么实现的。

JellyBool 回复 iralance

装个 vuejs 的插件

storm19890129

phpstorm 的vue.js 插件安装完重启,右键还是没有vue文件的选项

jasester

为什么我的phpstorm 在Plugins中搜索vue, 只有vue.js没有vue-for-idea? 这个要怎么安装啊?

JellyBool 回复 jasester

vue-for-idea 这个貌似作者下架了。

使用 Vue.js 这个插件就差不多了

jasester 回复 JellyBool

哦哦 我说怎么搜索不到,不过我在晚上找到压缩包了,已经安装上了

chromee

老师,请问一下
···
ERROR in ./js/components/heading.vue Module build failed: TypeError: this._init is not a function at Object.Vue$3 (C:\Users\chrome\Desktop\web\node_modules\vue\dist\vue.runtime.common.js:4093:8) @ ./js/entry.js 6:0-46
···
这种报错怎么办??

JellyBool 回复 chromee

是不是 vue 没有引入对啊

seashell1992 回复 chromee

需要安装一个 :
npm install vue-template-compiler --save-dev

然后,在webpack-config.js里修改成:

loaders: [
  {
    test: /\.vue$/,
    loader: 'vue-loader'
  }

原帖: https://github.com/vuejs/vue-loader/issues/409

chromee 回复 seashell1992

可以了 十分感谢

paprikaLang

vue.js插件安装之后还是没有.vue文件,搞了好久求指教

JellyBool 回复 paprikaLang

你是哪个版本的 phpstorm ,新版都是默认支持了

paprikaLang 回复 JellyBool

最新版本,破解版都试过了,官网的试用版也试过了,都不行,是不是哪里设置有问题呢

paprikaLang 回复 JellyBool

最近这个组件化有计划再继续开话题吗

JellyBool 回复 paprikaLang

我正在录 SPA 的内容

MyPuppet

###webpack4中Vue配置
vue安装
npm i vue vue-loader vue-html-loader vue-style-loader vue-template-compiler -D
webpack.config.json module同级加入如下配置

	plugins: [
        new VueLoaderPlugin()
    ],
    resolve: {
        alias: {
            'vue$': 'vue/dist/vue.esm.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'
        }
    }