打包方案

目标

1. es2015
2. 前端自动更新
3. 解析 .vue 文件
4. 拆分出 vendor 与

安装 webpack2

Yarn add --dev webpack@beta

遇到问题

1. Chunk.entry was removed. Use hasRuntime()

# 安装新版本的插件
yarn add extract-text-webpack-plugin@^2.0.0-beta

2. Resolve Webpack 2.0 Resolving (opens new window)
3. this._init is not a function Webpack.config.js

# vue -> vue-loader
rules: [{
      test: /\.vue$/,
      loader: 'vue-loader'
    },

4. webpackJsonp is not defined

<-- 由于配置了文件分割，需在页面中引用生成的所有文件 -->
<script src="js/manifest.js"></script>
<script src="js/vendor.js"></script>
<script src="js/app.js"></script>

参考资料

• RequireJS, Sea.js, Browserify和webpack的对比 (opens new window)
• webpack，browserify简介 (opens new window)
• 为何webpack风靡全球？三大主流模块打包工具对比 (opens new window)
• node api path (opens new window)
• 无痛学会各种 2 的 Vue2+Vuex2+Webpack2 前后端同构渲染 (opens new window)
• webpack 指南 (opens new window)