webpack构建vue多页面应用配置1.0版本,请进入https://github.com/Wbiokr/multiplePagesEnv
- 安装依赖:cnpm install;
- 开发单页:.bat(按照提示输入页面目录,如test);
- 生成单页:pro.bat(按照提示输入页面目录,如test);
- 开发模式:npm run dev;
- 生产构建:npm run build;
- 提示:.bat与pro.bat命令只需要打开一次即可,且可以多个单页面同时开发,打开多个命令窗口即可;
开发与生产环境下公用文件,重置css与vue库js,所以单页面开发中,不再引入vue
webpack配置
公用文件
开发多页面应用时,页面独占文件夹。
其中目录名为pro.bat/.bat关键词,main.js为入口文件,如例子中test目录即为一个单页面
过多单页面时候,打包慢;过多页面时候,vue需要每次都打包;页面繁重时开发模式热加载慢;多个页面同时开发效率更高;