webpack---webpack构建vue多页面框架（一、工程布局）
2017-08-14 22:24
861 查看
webpack+vue已经成为单页面程序标配！其实webpack构建vue多页面程序也是相当出色！
1. 工程布局；
2. webpak.config.js；
3. 生产环境与开发环境；
4. 自动化构建；
5. 源码GitHub；
1.工程布局
理想中的工程目录如下：
下一章： 二. webpack.config.js
1. 工程布局；
2. webpak.config.js；
3. 生产环境与开发环境；
4. 自动化构建；
5. 源码GitHub；
1.工程布局
理想中的工程目录如下：
-app webpack.config.js //webpack入口配置 postcss.config.js //css3兼容前缀 package.json //依赖json -dist //打包之后根目录 -js //打包之后js存放 -css //打包之后css存放 -views //打包之后html存放 -img //打包之后 img存放 -src //源码，app开发过程所需一切resource -APPcommon //公共部分 -components //常用组件 -font //字体部分 -style //重置样式，mixin -view //入口html -modules //常用js模块 -lib //js库 -APPpages //多页面 -home //home页面 -about //about页面 -list //list页面 .....
下一章： 二. webpack.config.js
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- webpack---使用插件，常见webpack的plugin，构建vue，react单页面/多页面工程APP必备插件
- webpack---webpack构建vue多页面框架（三、生产环境与开发环境）
- webpack---webpack构建vue多页面框架（二、webpak.config.js）
- webpack---webpack构建vue多页面框架（四、自动化构建）
- 深入浅出的webpack4构建工具---webpack+vue+router 按需加载页面(十五)
- Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（上篇——纯前端多页面）
- Vue 2.x + Webpack 3.x + Nodejs 多页面项目框架（下篇——多页面VueSSR+热更新Server）
- 使用webpack与vue2.0构建前端工程（一）
- Webpack、Vue、Element UI基础工程构建
- vue webpack多页面构建的实例代码第1/3页
- vue项目优化之页面的按需加载(vue+webpack)
- SiteMesh：一个优于Apache Tiles的Web页面布局、装饰框架
- windows/mac 使用webpack构建vue项目
- 用webpack2.0构建vue2.0超详细精简版
- Webpack + vue-loader构建单文件vue组件
- 基于webpack和vue.js搭建的H5端框架
- 详解webpack + vue + node 打造单页面(入门篇)
- windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
- 用Webpack构建Vue项目的实践
- vue + webpack 构建项目配置文件小记