码迷,mamicode.com
首页 > Web开发 > 详细

构建 webpack 和 vue 的环境

时间:2017-03-16 15:06:49      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:环境   安装   mod   web   字符   template   pac   数组   pre   

前端真是日新月异了,前不久的教程就很多不一样了。搭环境搭了几小时,终于搭好了。

首先奉上别人的老版教程,可以先按这个来:

点击查看老版

可以先跟这个来,按照教程开始打包后会报错。现在好好说说其中跟现在不一样的坑。

 

  1. 报错一:现在webpack已不支持自定义属性了,故 webpack.config.js 中的 Favlist 的键值对要删掉。
  2. 报错二:config.resolve.extensions[0] 不能为空,故要删去相对应的数组中第一项的空字符串,只留 ‘.js‘ 和 ‘.vue‘ 两项。
  3. 报错三:无法找到 ‘vue-template-compiler‘ 模块。可以直接 npm install vue-template-compiler --save-dev 安装。
  4. 报错四:不能省略 ‘-loader‘。即现在的loaders选项中,要把 module.loaders 中的每一项中的 loader 加上 ‘-loader‘ 后缀。即 ‘vue‘ => ‘vue-loader‘, ‘babel?presets=es2015‘ => ‘babel-loader?presets=es2015‘。

 后面的热加载插件跟着它走就没事啦。就酱。

构建 webpack 和 vue 的环境

标签:环境   安装   mod   web   字符   template   pac   数组   pre   

原文地址:http://www.cnblogs.com/fengk/p/6559533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!