管理输出步骤 Step1:在src新建文件print.js添加逻辑 Step2:在src/index.js import 引用新添加的逻辑 Step3:更新dist/index.html文件,修改引入的文件(引入的JS文件) Step4:对应修改webpack/.config.js配置文件(entry和output) Step5:执行npm prun build src/print.js export default function printMe() { console.log('I get…
在webpack 中,各种资源要引入,要用到module配置,比如css/图片/字体等等. 例如: module.exports = { entry: './src/app.js', //这是入口文件配置 output: { //这里是出口文件配置 }, module: { rules: [ //而这里,就是配置各种资源的地方 { test: /\.(jpg|png|gif)/, use: ['file-loader'] } ] } } 一般需要用的类型也就是 css样式.图片.字体.数据,可以…
webpack 最出色的功能之一就是,除了 JavaScript,还可以通过 loader 引入任何其他类型的文件 引入资源步骤 Step1:安装你需要的loader  Step2:在 module配置中(module中的rules)配置 Step3:import引入你的具体资源文件 Step4:执行命令 下面省略安装css-loader style-loader  file-loader 等过程,反别在src新建了style.css文件,字体文件,图片以及data.xml,里面具体编写了需要引…
模块热替换(Hot Module Replacement 或 HMR) 是webpack提供的最有用的功能之一.允许在u女性是更新各种模块,而无需进行完全刷新. 启用HMR 承接之前的代码 webpack.config.js ... const webpack = require('webpack'); ... module.exports = { entry: { - app: './src/index.js', - print: './src/print.js' + app: './src/…
追踪错误和警告,JS提供sourcemap功能,将编译后的代码映射回原始代码(简单来说就是即使打包后,也可以检测知道该错误来自哪个JS文件).如果一个错误来自与b.js,那么source map回明确告诉你 在这里只使用inline-source-map选项(source map有很多选项,其他的请详细阅读webpack指南) webpack.config.js module.exports = { .... + devtool: 'inline-source-map', ... }; prin…
webpack笔记三 管理输出 增加src/print.js: export default function printMe() { console.log('I get called from print.js!'); } 在src/index.js中导入它: import _ from 'lodash'; import printMe from './print'; function component() { let element = document.createElement('d…
void * kmalloc(size_t size, gfp_t gfp_mask); kmalloc()第一个参数是要分配的块的大小,第一个参数为分配标志,用于控制kmalloc()的行为. kmalloc()的底层依赖于__get_free_pages()来实现,分配标志的前缀GFP正好是这个底层函数的缩写. GFP_ATOMIC:在中断处理函数.底半部.tasklet.定时器处理函数以及URB完成函数中,在调用者持有自旋锁或读写锁时以及当驱动将current->state修改为非TASK…
我最新最全的文章都在南瓜慢说 www.pkslow.com,欢迎大家来喝茶! 1 简介 最近工作中用到了Terraform,权当学习记录一下,希望能帮助到其它人. Terraform系列文章如下: Terraform入门教程,示例展示管理Docker和Kubernetes资源 Terraform插件Provider管理,搜索.定义.下载 Terraform状态State管理,让变更有记录 Terraform模块Module管理,聚合资源的抽取与复用 Terraform常用命令 模块是为了便为管理…
webpack 中输出管理主要运用了两个插件: html-webpack-plugin clean-webpack-plugin 这两个插件可以满足常规的输出管理需求. html-webpack-plugin会在输出目录创建一个全新的index.html(当然你也可以自己命名),将所有相关的bundle自动添加到html中,这样就可以不用每次更改完还需要自己手动去更改html的. 还有个相当的好处就是,可以使用hash,也就是版本号,这样可以有效的应对缓存问题. 例子: 安装: npm inst…
存储管理 为了适应不同平台不同场景的存储需求,Docker提供了各种基于不同文件系统实现的存储驱动来管理实际的镜像文件 元数据管理 镜像在设计上将元数据和文件存储完全隔离.Docker管理元数据采用的也正是从上至下repository.image.layer是3个层次. 所以repository与image两个元数据并无物理上的镜像文件与之对应,layer则存在物理上的镜像文件与之对应. 仓库元数据文件中存储了所有版本镜像的名字和tag以及对应的镜像ID(image/aufs) 镜像元数据文件中…