<div align="center">
<a href="https://github.com/webpack/webpack">
<img width="200" heigth="200" src="https://webpack.js.org/assets/icon-square-big.svg">
</a>
<br>
<br>
[![npm][npm]][npm-url]
[![node][node]][node-url]
[![deps][deps]][deps-url]
[![tests][tests]][tests-url]
[![builds][builds]][builds-url]
[![coverage][cover]][cover-url]
[![licenses][licenses]][licenses-url]
<br>
<a href="https://npmjs.com/package/webpack">
<img src="https://img.shields.io/npm/dm/webpack.svg">
</a>
<a href="https://opencollective.com/webpack#backer">
<img src="https://opencollective.com/webpack/backers/badge.svg">
</a>
<a href="https://opencollective.com/webpack#sponsors">
<img src="https://opencollective.com/webpack/sponsors/badge.svg">
</a>
<a href="https://gitter.im/webpack/webpack">
<img src="https://badges.gitter.im/webpack/webpack.svg">
</a>
<h1>webpack</h1>
<p>
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
<p>
</div>
<h2 align="center">Install</h2>
Install with npm:
```bash
npm install --save-dev webpack
```
Install with yarn:
```bash
yarn add webpack --dev
```
<h2 align="center">Introduction</h2>
> This README reflects Webpack v2.x and v3.x. The Webpack v1.x [documentation can be found here](https://webpack.github.io/docs/?utm_source=github&utm_medium=readme&utm_campaign=top).
webpack is a bundler for modules. The main purpose is to bundle JavaScript
files for usage in a browser, yet it is also capable of transforming, bundling,
or packaging just about any resource or asset.
**TL;DR**
* Bundles [ES Modules](http://www.2ality.com/2014/09/es6-modules-final.html), [CommonJS](http://wiki.commonjs.org/) and [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD) modules (even combined).
* Can create a single bundle or multiple chunks that are asynchronously loaded at runtime (to reduce initial loading time).
* Dependencies are resolved during compilation, reducing the runtime size.
* Loaders can preprocess files while compiling, e.g. TypeScript to JavaScript, Handlebars strings to compiled functions, images to Base64, etc.
* Highly modular plugin system to do whatever else your application requires.
### Get Started
Check out webpack's quick [**Get Started**](https://webpack.js.org/get-started/) guide and the [other guides](https://webpack.js.org/guides/).
<h2 align="center">Concepts</h2>
### [Plugins](https://webpack.js.org/plugins/)
webpack has a [rich plugin
interface](https://webpack.js.org/plugins/). Most of the features
within webpack itself use this plugin interface. This makes webpack very
**flexible**.
|Name|Status|Description|
|:--:|:----:|:----------|
|[common-chunks-webpack-plugin][common]|![common-npm]|Generates chunks of common modules shared between entry points and splits them into separate bundles (e.g vendor.bundle.js && app.bundle.js)|
|[extract-text-webpack-plugin][extract]|![extract-npm]|Extracts Text (CSS) from your bundles into a separate file (app.bundle.css)|
|[compression-webpack-plugin][compression]|![compression-npm]|Prepare compressed versions of assets to serve them with Content-Encoding|
|[i18n-webpack-plugin][i18n]|![i18n-npm]|Adds i18n support to your bundles|
|[html-webpack-plugin][html-plugin]|![html-plugin-npm]| Simplifies creation of HTML files (`index.html`) to serve your bundles|
[common]: https://github.com/webpack/webpack/blob/master/lib/optimize/CommonsChunkPlugin.js
[common-npm]: https://img.shields.io/npm/v/webpack.svg
[extract]: https://github.com/webpack/extract-text-webpack-plugin
[extract-npm]: https://img.shields.io/npm/v/extract-text-webpack-plugin.svg
[component]: https://github.com/webpack/component-webpack-plugin
[component-npm]: https://img.shields.io/npm/v/component-webpack-plugin.svg
[compression]: https://github.com/webpack/compression-webpack-plugin
[compression-npm]: https://img.shields.io/npm/v/compression-webpack-plugin.svg
[i18n]: https://github.com/webpack/i18n-webpack-plugin
[i18n-npm]: https://img.shields.io/npm/v/i18n-webpack-plugin.svg
[html-plugin]: https://github.com/ampedandwired/html-webpack-plugin
[html-plugin-npm]: https://img.shields.io/npm/v/html-webpack-plugin.svg
### [Loaders](https://webpack.js.org/loaders/)
webpack enables use of loaders to preprocess files. This allows you to bundle
**any static resource** way beyond JavaScript. You can easily [write your own
loaders](https://webpack.js.org/api/loaders/) using Node.js.
Loaders are activated by using `loadername!` prefixes in `require()` statements,
or are automatically applied via regex from your webpack configuration.
#### Files
|Name|Status|Description|
|:--:|:----:|:----------|
|[raw-loader][raw]|![raw-npm]|Loads raw content of a file (utf-8)|
|[val-loader][val]|![val-npm]|Executes code as module and consider exports as JS code|
|[url-loader][url]|![url-npm]|Works like the file loader, but can return a Data Url if the file is smaller than a limit|
|[file-loader][file]|![file-npm]|Emits the file into the output folder and returns the (relative) url|
[raw]: https://github.com/webpack/raw-loader
[raw-npm]: https://img.shields.io/npm/v/raw-loader.svg
[val]: https://github.com/webpack/val-loader
[val-npm]: https://img.shields.io/npm/v/val-loader.svg
[url]: https://github.com/webpack/url-loader
[url-npm]: https://img.shields.io/npm/v/url-loader.svg
[file]: https://github.com/webpack/file-loader
[file-npm]: https://img.shields.io/npm/v/file-loader.svg
#### JSON
|Name|Status|Description|
|:--:|:----:|:----------|
|<a href="https://github.com/webpack/json-loader"><img width="48" height="48" src="https://worldvectorlogo.com/logos/json.svg"></a>|![json-npm]|Loads a JSON file (included by default)|
|<a href="https://github.com/webpack/json5-loader"><img width="48" height="10.656" src="https://cdn.rawgit.com/json5/json5-logo/master/json5-logo.svg"></a>|![json5-npm]|Loads and transpiles a JSON 5 file|
|<a href="https://github.com/awnist/cson-loader"><img width="48" height="48" src="https://worldvectorlogo.com/logos/coffeescript.svg"></a>|![cson-npm]|Loads and transpiles a CSON file|
[json-npm]: https://img.shields.io/npm/v/json-loader.svg
[json5-npm]: https://img.shields.io/npm/v/json5-loader.svg
[cson-npm]: https://img.shields.io/npm/v/cson-loader.svg
#### Transpiling
|Name|Status|Description|
|:--:|:----:|:----------|
|<a href="https://github.com/webpack/script-loader">`<script>`</a>|![script-npm]|Executes a JavaScript file once in global context (like in script tag), requires are not parsed|
|<a href="https://github.com/babel/babel-loader"><img width="48" height="48" title="babel-loader" src="https://worldvectorlogo.com/logos/babel-10.svg"></a>|![babel-npm]|Loads ES2015+ code and transpiles to ES5 using <a href="https://github.com/babel/babel">Babel</a>|
|<a href="https://github.com/jupl/traceur-loader"><img width="48" height="48" src="https://google.github.com/traceur-compiler/logo/tc.svg"></a>|![traceur-npm]|Loads ES2015+ code and transpiles to ES5 using [Traceur](https://github.com/google/traceur-compiler)|
|<a href="https://github.com/TypeStrong/ts-loader"><img width="48" height="48" src="https://cdn.rawgit.com/Microsoft/TypeScript/master/doc/logo.svg"></a>|![type-npm]|Loads TypeScript like JavaScript|
|<a href="https://github.com/webpack/coffee-loader"><img width="48" height="48" src="https://worldvectorlogo.com/logos/coffeescript.svg"></a>|![coffee-npm]|Loads CoffeeScript like JavaScript|
[script-npm]: https://img.shields.io/npm/v/script-loader.svg
[babel-npm]: https://img.shields.io/npm/v/babel-loader.svg
[traceur-npm]: https://img.shields.io/npm/v/traceur-loader.svg
[coffee-npm]: https://img.shields.io/npm/v/coffee-loader.svg
[type-npm]: https://img.shields.io/npm/v/
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于 Spring Boot 的设备管理系统是一个用于管理设备信息和进行设备操作的应用程序。它使用 Spring Boot 框架来构建后端服务,并提供了 RESTful API 接口以与前端或其他客户端进行通信。 以下是创建基于 Spring Boot 的设备管理系统的一般步骤: 确保已安装 Java 开发环境:在开始之前,确保您已安装了 Java 开发环境(JDK)并设置了相应的环境变量。 创建 Spring Boot 项目:使用 Spring Initializr(https://start.spring.io)创建一个新的 Spring Boot 项目。选择所需的依赖项,如 Spring Web、Spring Data JPA、Spring Security 等,这些依赖项将有助于构建设备管理系统。 定义设备实体:创建设备实体类,表示您的设备模型。定义设备的属性,如设备ID、设备名称、设备类型等,并使用注解将其映射到数据库表。 创建设备管理服务:创建设备管理服务类,实现设备的增删改查操作。使用 Spring Data JPA 或其他持久化框架来处理与数据库的交互。 实
资源推荐
资源详情
资源评论
收起资源包目录
基于spring boot设备管理系统 (10520个子文件)
008866ba56c4a4715a3f883ccb3be941031206 983B
00c7fdb3a9724e8166ae619e77283ef8103239 89B
00f2380f10b824832ee8de9ab58391bc08c609 7KB
01380824d9339048637e08c8079e323d1e6720 2KB
014dd42f97d63be0c668da335d5a3846e759f7 108B
019b099d96b382a549fa383bd81315cd6d295c 761B
02e540a3b1c3a549bd2f7a7a9a81451627964e 204B
02f8e96ffb4744738b43b6f82f78d6b59cbd10 723B
02fc12e6a376d6bc102713093515983051d90b 1KB
03ac731f04fc0926dece536fcf6e6e55a4e9b2 86B
03c364318b6ac27dc4a8ae6717124d8dafaff9 7KB
03f9699886deef9aa0f52a7d252dea84baafef 285B
04e557b06abcd557cde901727d3af31bac286a 56B
0546aa56b5d11e5e7c2b83ff4ab7659fdab65f 85B
05a90787b8bfff988703956e15d7368a0084da 56B
05cd6524dee4dd31365032c7bea96b2ab4946d 975B
060b43245910a457e60efff1a086c704361588 85B
069326bde2564c0068da73263e38e9c2067e0f 56B
06fb7ee35886ed184ef0ebadf7b9ac8b331032 843B
076318a31313a364c480540839536a294618af 2KB
07780cbe2af412e2e90d04b15db8c20184d328 22KB
07dc4bb98c8d8c16a37e3e3804a9e06bbc2d18 1KB
07f1b48695c668b02b5f4263dc01cd185f2b7d 86B
084e9dde955af335318445bb3c0a116bbd46ee 2KB
087f7e3914327e884b558bfa9a6dcc04f3b0cf 5KB
0897590ff7d44be016ef58070f575c415b794b 269B
08a1a828a3bd2d60de3952744df29f9add27fa 124B
08dadaacd52db3b7a9a9bddc0717e0598c3fee 778B
09b39b3a230f2a9f23d7834a5c143ebbe01fd7 2KB
0a5b0eed9c66ce1cd34c9470e09e766b2e37af 54B
0ad724269b05423f44fed1d33b16b111559d92 2KB
0be0a01dff4c70c72f78a3f40186660ee8eee0 3KB
0c5c9de33a431d1c8e50cd12da74505921ad7e 598B
0e54c569dfde7fb78be949faae2b23bbb70315 3KB
0edd2e7ef552538db31c246133e42fd78433c8 173B
npm-install.1 19KB
libnpx.1 7KB
npx.1 7KB
npm.1 6KB
npm-README.1 5KB
npm-doctor.1 5KB
npm-version.1 5KB
npm-outdated.1 4KB
sshpk-conv.1 4KB
npm-audit.1 4KB
npm-run-script.1 4KB
npm-token.1 4KB
npm-profile.1 3KB
npm-update.1 3KB
npm-view.1 3KB
npm-publish.1 3KB
npm-search.1 3KB
npm-dist-tag.1 3KB
npm-adduser.1 3KB
npm-access.1 3KB
npm-link.1 3KB
npm-cache.1 3KB
npm-ls.1 3KB
sshpk-sign.1 2KB
npm-init.1 2KB
sshpk-verify.1 2KB
npm-hook.1 2KB
npm-ci.1 2KB
npm-team.1 2KB
npm-uninstall.1 2KB
npm-config.1 2KB
npm-dedupe.1 1KB
npm-unpublish.1 1KB
npm-prune.1 1KB
npm-logout.1 1KB
npm-owner.1 1KB
npm-docs.1 1KB
npm-edit.1 1KB
npm-org.1 1KB
npm-bugs.1 1KB
npm-help.1 1KB
npm-explore.1 1KB
npm-pack.1 1017B
npm-restart.1 962B
npm-completion.1 962B
npm-deprecate.1 954B
npm-help-search.1 926B
npm-shrinkwrap.1 862B
npm-repo.1 773B
npm-install-test.1 755B
npm-start.1 728B
npm-prefix.1 658B
npm-build.1 639B
npm-star.1 544B
npm-ping.1 540B
npm-stars.1 539B
npm-rebuild.1 465B
npm-bin.1 412B
npm-bundle.1 410B
npm-root.1 407B
npm-test.1 405B
npm-stop.1 384B
npm-whoami.1 373B
npm-install-ci-test.1 297B
10f0b725ca1f66c8b5f08d8f47c748cbef43de 3KB
共 10520 条
- 1
- 2
- 3
- 4
- 5
- 6
- 106
资源评论
starry-star
- 粉丝: 1
- 资源: 8
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功