# vue-webpack-boilerplate
> A full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction.
> This template is Vue 2.0 compatible. For Vue 1.x use this command: `vue init webpack#1.0 my-project`
# Vue-cli 3 is here, so this template is now considered deprecated.
This template was the main template for vue-cli verison 2.*.
Now that we have released a [stable version of vue-cli 3](https://cli.vuejs.org), which incorporates all features that this template offers (and much more), we think that this template doesn't have any significant use for the future, so we won't put much resource in developing it further.
We will try and fix major issues should they arise, but not much more.
Feel free to fork this template if you want to keep it alive.
## Documentation
- [For this template](http://vuejs-templates.github.io/webpack): common questions specific to this template are answered and each part is described in greater detail
- [For Vue 2.0](http://vuejs.org/guide/): general information about how to work with Vue, not specific to this template
## Usage
This is a project template for [vue-cli](https://github.com/vuejs/vue-cli). **It is recommended to use npm 3+ for a more efficient dependency tree.**
``` bash
$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
```
This will scaffold the project using the `master` branch. If you wish to use the latest version of the webpack template, do the following instead:
``` bash
$ vue init webpack#develop my-project
```
:warning: **The develop branch is not considered stable and can contain bugs or not build at all, so use at your own risk.**
The development server will run on port 8080 by default. If that port is already in use on your machine, the next free port will be used.
## What's Included
- `npm run dev`: first-in-class development experience.
- Webpack + `vue-loader` for single file Vue components.
- State preserving hot-reload
- State preserving compilation error overlay
- Lint-on-save with ESLint
- Source maps
- `npm run build`: Production ready build.
- JavaScript minified with [UglifyJS v3](https://github.com/mishoo/UglifyJS2/tree/harmony).
- HTML minified with [html-minifier](https://github.com/kangax/html-minifier).
- CSS across all components extracted into a single file and minified with [cssnano](https://github.com/ben-eb/cssnano).
- Static assets compiled with version hashes for efficient long-term caching, and an auto-generated production `index.html` with proper URLs to these generated assets.
- Use `npm run build --report`to build with bundle size analytics.
- `npm run unit`: Unit tests run in [JSDOM](https://github.com/tmpvar/jsdom) with [Jest](https://facebook.github.io/jest/), or in PhantomJS with Karma + Mocha + karma-webpack.
- Supports ES2015+ in test files.
- Easy mocking.
- `npm run e2e`: End-to-end tests with [Nightwatch](http://nightwatchjs.org/).
- Run tests in multiple browsers in parallel.
- Works with one command out of the box:
- Selenium and chromedriver dependencies automatically handled.
- Automatically spawns the Selenium server.
### Fork It And Make Your Own
You can fork this repo to create your own boilerplate, and use it with `vue-cli`:
``` bash
vue init username/repo my-project
```
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
解决vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOUT 20.205.243.166:443问题,方便在https://github.com/vuejs-templates/webpack 不通的时候下载。 使用方法: 1、将webpack放到C:\Users\admin\.vue-templates\webpack下面,admin是当前登录用户名 2、执行vue init webpack your_vue_app --offline即可
资源推荐
资源详情
资源评论
收起资源包目录
webpack.zip (93个子文件)
.circleci
config.yml 4KB
template
.editorconfig 156B
.eslintrc.js 2KB
src
App.vue 618B
assets
logo.png 7KB
main.js 588B
components
HelloWorld.vue 2KB
router
index.js 266B
.babelrc 571B
package.json 4KB
build
check-versions.js 1KB
logo.png 7KB
utils.js 3KB
vue-loader.conf.js 575B
webpack.prod.conf.js 5KB
build.js 1KB
webpack.base.conf.js 3KB
webpack.dev.conf.js 3KB
webpack.test.conf.js 899B
.postcssrc.js 256B
index.html 284B
test
e2e
specs
test.js 624B
nightwatch.conf.js 1KB
runner.js 2KB
custom-assertions
elementCount.js 792B
unit
.eslintrc 228B
setup.js 59B
specs
HelloWorld.spec.js 473B
jest.conf.js 805B
karma.conf.js 1KB
index.js 500B
.gitignore 272B
.eslintignore 78B
static
.gitkeep 0B
README.md 659B
config
test.env.js 156B
prod.env.js 65B
index.js 2KB
dev.env.js 163B
LICENSE 1KB
utils
index.js 4KB
.git
index 6KB
HEAD 24B
refs
heads
develop 41B
tags
remotes
origin
HEAD 33B
objects
pack
pack-0f7084692af193e5d7bb2c15ceaf0823048f0afe.idx 91KB
pack-0f7084692af193e5d7bb2c15ceaf0823048f0afe.pack 1.22MB
info
description 73B
packed-refs 2KB
info
exclude 240B
logs
HEAD 193B
refs
heads
develop 193B
remotes
origin
HEAD 193B
hooks
post-update.sample 189B
prepare-commit-msg.sample 1KB
commit-msg.sample 896B
pre-receive.sample 544B
update.sample 4KB
pre-commit.sample 2KB
pre-rebase.sample 5KB
applypatch-msg.sample 478B
fsmonitor-watchman.sample 5KB
push-to-checkout.sample 3KB
pre-applypatch.sample 424B
pre-push.sample 1KB
pre-merge-commit.sample 416B
config 307B
docs
linter.md 2KB
unit.md 2KB
commands.md 2KB
pre-processors.md 2KB
structure.md 4KB
e2e.md 2KB
babel.md 2KB
prerender.md 1KB
backend.md 3KB
proxy.md 2KB
static.md 4KB
env.md 1KB
SUMMARY.md 464B
README.md 738B
package.json 363B
package-lock.json 74KB
meta.js 5KB
cmd.txt 261B
deploy-docs.sh 171B
.gitignore 44B
scenarios
full.json 277B
minimal.json 309B
full-karma-airbnb.json 279B
index.js 426B
README.md 1KB
README.md 3KB
共 93 条
- 1
资源评论
急速光粒
- 粉丝: 3557
- 资源: 32
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- ssm高校专业信息管理系统设计与实现+jsp.zip
- cruise纯电动汽车、增程混动汽车仿真模型,simulink联合仿真,模型均亲自搭建 提供整车模型及策略模型
- ssm高校实验室管理系统的设计与实现+vue.zip
- ssm高校教师科研信息展示网站+jsp.zip
- ssm高校社团管理系统+vue.zip
- ssm高校工会提案管理信息系统的设计与开发+jsp.zip
- ssm端游账号销售管理系统+jsp.zip
- ssm房屋租售网站的设计与实现+jsp.zip
- ssm电子竞技管理平台的设计与实现+jsp.zip
- ssm电动车租赁网站+jsp.zip
- ssm电脑配件销售系统的设计与实现+jsp.zip
- 火电厂协调仿真机,可以方便调试pid参数,观看曲线,对调整pid参数有很大帮助
- ssm单位人事管理系统+jsp.zip
- ssm大学生就业信息管理系统+jsp.zip
- ssm大学学术交流论坛+vue.zip
- ssm大学生创新创业平台项目管理子系统设计与实现+jsp.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功