Samotna matka w trudnej sytuacji finansowej przypadkowo wysłała SMS-a do miliardera z prośbą o pieniądze na mleko dla dziecka — i wtedy wszystko się zaczęło.

Samotna matka, która ledwo wiązała koniec z końcem, przez pomyłkę wysłała SMS-a do miliardera, prosząc o pieniądze na mleko dla dziecka i tak wszystko się zaczęło.

Wanda Nowak siedziała w ciasnej kuchni swojego zaniedbanego mieszkania, zmęczenie ciążące na jej ramionach jak kamień. Była druga w nocy, a w sąsiednim pokoju jej dziecko, Staś, płakało bez przerwy. Wanda od godzin próbowała je uspokoić, ale w jego płaczu słychać było głód. Miała mleko w proszku tylko na ostatnią butel# webpack 4.x 入门

* 安装
* 配置
* 配置参数说明
* 常用插件
* 常用loader

## 安装

* 安装node.js
* 在项目目录初始化package.json
* 安装webpack和webpack-cli

„`
npm install webpack webpack-cli –save-dev
„`

## 配置

* 在项目目录下创建webpack.config.js文件
* 配置webpack.config.js文件

„`javascript
const path = require(’path’);

module.exports = {
mode: 'development’,// 模式 development开发环境 production生产环境 none不开启任何优化选项
entry: ’./src/index.js’,// 入口文件
output: {
filename: 'bundle.js’,// 输出文件名
path: path.resolve(__dirname, 'dist’)// 输出路径
}
};
„`

* 在package.json中添加scripts

„`json
„scripts”: {
„build”: „webpack”
}
„`

* 运行

„`
npm run build
„`

## 配置参数说明

* mode: 'development’ | 'production’ | 'none’
* entry: string | object | array
* output: object
* filename: string
* path: string
* publicPath: string
* module: object
* rules: array
* plugins: array
* devServer: object
* contentBase: string
* port: number
* open: boolean
* hot: boolean
* proxy: object
* resolve: object
* extensions: array
* alias: object
* optimization: object
* splitChunks: object
* runtimeChunk: object
* devtool: string
* externals: object
* performance: object
* target: string
* stats: object
* context: string
* profile: boolean
* bail: boolean
* cache: boolean
* watch: boolean
* watchOptions: object
* node: object
* recordsPath: string
* recordsInputPath: string
* recordsOutputPath: string
* parallelism: number
* name: string
* dependencies: array
* library: string
* libraryTarget: string
* libraryExport: string
* umdNamedDefine: boolean
* globalObject: string
* pathinfo: boolean
* sourceMap: boolean
* devtoolModuleFilenameTemplate: string
* devtoolFallbackModuleFilenameTemplate: string
* devtoolLineToLine: object
* devtoolNamespace: string
* devtoolModuleFilenameTemplate: string
* devtoolFallbackModuleFilenameTemplate: string
* devtoolLineToLine: object
* devtoolNamespace: string

## 常用插件

* html-webpack-plugin
* clean-webpack-plugin
* mini-css-extract-plugin
* optimize-css-assets-webpack-plugin
* uglifyjs-webpack-plugin
* copy-webpack-plugin
* webpack-bundle-analyzer
* webpack-dev-server
* webpack-merge
* webpack-hot-middleware
* webpack-md5-hash
* webpack-parallel-uglify-plugin
* webpack-spritesmith
* webpack-subresource-integrity
* webpack-validator
* webpack-visualizer-plugin
* webpackbar
* workbox-webpack-plugin
* zip-webpack-plugin

## 常用loader

* style-loader
* css-loader
* postcss-loader
* sass-loader
* less-loader
* stylus-loader
* file-loader
* url-loader
* image-webpack-loader
* babel-loader
* ts-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports-loader
* raw-loader
* svg-inline-loader
* svg-url-loader
* xml-loader
* yaml-loader
* json-loader
* to-string-loader
* i18n-loader
* markdown-loader
* mermaid-loader
* graphql-loader
* wasm-loader
* coffee-loader
* typescript-loader
* handlebars-loader
* ejs-loader
* pug-loader
* angular2-template-loader
* awesome-typescript-loader
* happypack-loader
* worker-loader
* source-map-loader
* eslint-loader
* tslint-loader
* vue-loader
* react-hot-loader
* thread-loader
* cache-loader
* expose-loader
* imports-loader
* exports