# 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-templates/webpack
共66个文件
js:28个
md:17个
json:6个
需积分: 45 4 下载量 104 浏览量
2022-06-28
19:17:36
上传
评论
收藏 77KB ZIP 举报
温馨提示
vue-templates/webpack
资源详情
资源评论
资源推荐
收起资源包目录
webpack.zip (66个子文件)
.circleci
config.yml 4KB
.gitignore 40B
README.md 3KB
utils
index.js 4KB
docs
pre-processors.md 2KB
README.md 721B
unit.md 2KB
backend.md 3KB
env.md 1KB
babel.md 2KB
proxy.md 2KB
SUMMARY.md 450B
commands.md 2KB
e2e.md 2KB
linter.md 2KB
prerender.md 1KB
structure.md 4KB
static.md 3KB
LICENSE 1KB
package.json 350B
meta.js 5KB
template
.gitignore 251B
README.md 623B
test
unit
karma.conf.js 1004B
setup.js 56B
specs
HelloWorld.spec.js 462B
jest.conf.js 773B
.eslintrc 218B
index.js 487B
e2e
specs
test.js 605B
custom-assertions
elementCount.js 765B
nightwatch.conf.js 1KB
runner.js 2KB
static
.gitkeep 0B
package.json 4KB
src
components
HelloWorld.vue 2KB
main.js 562B
router
index.js 251B
App.vue 584B
assets
logo.png 7KB
.babelrc 552B
build
webpack.dev.conf.js 3KB
logo.png 7KB
build.js 1KB
webpack.prod.conf.js 5KB
check-versions.js 1KB
webpack.test.conf.js 867B
vue-loader.conf.js 553B
webpack.base.conf.js 2KB
utils.js 3KB
config
test.env.js 149B
prod.env.js 61B
index.js 2KB
dev.env.js 156B
.postcssrc.js 246B
.eslintignore 71B
.editorconfig 147B
index.html 272B
.eslintrc.js 2KB
scenarios
minimal.json 295B
README.md 1KB
full.json 263B
index.js 408B
full-karma-airbnb.json 265B
deploy-docs.sh 163B
package-lock.json 72KB
共 66 条
- 1
陈吖
- 粉丝: 38
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0