- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React中高阶组件的使用
含义： React的高阶组件：接收一个组件作为参数并返回一个新组件的函数叫高阶组件 高阶组件的简单使用： 1）：higherOrderComponent(WrappedComponent) 2)：@higherOrderComponent // 装饰器模式 在使用装饰器模式的情况下，需要做的配置： npm run eject 安装相关插件 // 针对react ...
2019-12-29 10:57:39
195
原创 webpack4.0-使用babel处理ES6-06
去官网找配置https://www.babeljs.cn/ 第一种方式：全局处理使用 babel/polyfill,该种方式会造成全局污染 webpack.config.js中的配置 npm install --save-dev babel-loader @babel/core npm install @babel/preset-env --save-dev npm install --...
2019-12-23 16:30:35
210
原创 webpack4.0-Hot Module Replacement热模块更新-05
Hot Module Replacement热模块更新，该模块属于webpack的内置模块 首先，在devServer中开启HotModuleReplace // 引入webpack const webpack = require('webpack') devServer: { contentBase: './dist', // 定义服务器启动服务的位置 ...
2019-12-21 14:12:40
281
原创 webpack4.0-devServer的使用-04
修改文件后自动打包配置（监听源代码变动打包） 第一种方法： package.json文件配置scripts "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "bundle": "webpack", "watch": "webpack --watch" // 监听源...
2019-12-20 17:55:33
175
原创 webpack4.0-plugins的使用-03
loader用于转换默写类型的模块，而插件则可以用于执行范围更广的任务。插件的范围包括，从打包优化和压缩，一直到重新定义环境中的变量。 const HtmlWebpackPlugin = require('html-webpack-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin') plugins: ...
2019-12-20 14:19:12
126
原创 webpack4.0-loader的使用-02
webpack是用于处理JavaScript的静态模块打包工具，当非js模块无法被打包的时候，要在配置文件的模块中使用loader module: { // 模块 rules: [{ // 打包的规则 test: /\.jpg$/, // 正则校验 标识出被对应loader转换的文件 use: { // 转换时使用的loader loader: ...
2019-12-20 14:08:02
162
转载 Vue常用插件集合
UI组件 element- 饿了么出品的Vue2的web UI工具套件 Vux- 基于Vue和WeUI的组件库 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 U...
2019-12-13 10:32:48
458
原创 webpack4.0-安装和配置文件-01
webpack是一个现代javascript应用程序的静态模块打包器（module bundler）.当webpack处理应用程序时，他会递归构建一个依赖关系图（dependency graph）,其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。 安装命令： npm install webpack webpack-cli -D 查看安装的webpack版本 ...
2019-12-10 07:57:50
150
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人