https://github.com/lpreterite/multiple-page-vue-webpack-example

The multiple page vue example for webpack
https://github.com/lpreterite/multiple-page-vue-webpack-example

bootstrap sprites vue vue-router webpack

Last synced: about 2 months ago
JSON representation

The multiple page vue example for webpack

• Host: GitHub
• URL: https://github.com/lpreterite/multiple-page-vue-webpack-example
• Owner: lpreterite
• Created: 2016-09-07T05:30:21.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-09-19T07:59:17.000Z (over 8 years ago)
• Last Synced: 2025-03-23T20:22:13.449Z (2 months ago)
• Topics: bootstrap, sprites, vue, vue-router, webpack
• Language: JavaScript
• Size: 24.4 KB
• Stars: 14
• Watchers: 3
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# multiple-page-vue-webpack-example

> 一个多页面的webpack构建例子

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

目录结构

```

build/         #构建配置目录

src/           #源代码目录

    clients/   #入口文件

    imports/   #js代码目录，此为js引入的root目录

    styles/    #全局样式目录

    templates/ #页面模板文件（建议和入口文件名字对应）

```

##关于bootstrap的配置

具体配置修改这份文件`.bootstraprc`，详情请查看`bootstrap-loader`官方文档。

使用

```

# element.js

require('bootstrap-loader'); // 在入口文件中引入即可

```

关于bootstrap的处理使用以下库

- [bootstrap-loader](https://github.com/shakacode/bootstrap-loader)

- [bootstrap-scss](https://github.com/twbs/bootstrap-sass)