Vue2.0 多入口配置

vue

H5项目，一个入口用于微信，一个入口用于其他平台。设置多入口可以使登录信息，路由配置等互不干扰。

1.首先创建app目录，分别用于存放两个入口的配置文件（不创建也行，个人感觉分开比较清晰）

2.修改构建目录下的文件

a.首先修改webpack.base.conf.js文件。改为多入口，对应为应用程式目录下的两个main.js文件

b. 修改webpack.dev.conf.js文件配置。两个HtmlWebpackPlugin。模板选项对话对应的应用程序目录下的两个HTML文件。树干选项对话分别设置为步骤一的入口变量的应用程序和wxh5。

c.修改webpack.prod.conf.js文件。配置两个HtmlWebpackPlugin.template选项对应用目录下的两个html文件.chunks分别增加步骤a的入口变量app和wxh5。

3.修改配置目录下的index.js文件。增加一个出口。

2.修改构建目录下的文件

到此就完成配置。编译完成之后生成了两个入口文件。