文章目录

  • Webpack搭建ES6开发环境
    • 1、什么是Webpack
      • webpack 解决什么问题？
    • 2、为什么要使用 webpack ？
    • 3、Webpack搭建ES6开发环境步骤
        • 第一步 安装模块
        • 第二步 创建目录结构
        • 第三步 搭建本地服务
  • Webpack搭建React开发环境
    • 1、React环境搭建
        • 实现React开发的三种方式：
    • 2、为什么要使用 webpack ？
    • 3、Webpack搭建React开发环境步骤
        • 第一步 安装模块
        • 第二步 创建目录结构
        • 第三步 搭建本地服务

Webpack搭建ES6开发环境

1、什么是Webpack

本质上，Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（static module bundler）。在 Webpack 处理应用程序时，它会在内部创建一个依赖图（dependency graph），用于映射到项目需要的每个模块，然后将所有这些依赖生成到一个或多个 bundle。

webpack 解决什么问题？

Webpack 可以做到按需加载。像 Grunt、Gulp 这类构建工具，打包的思路是：遍历源文件→匹配规则→打包，这个过程中做不到按需加载，即对于打包起来的资源，到底页面用不用，打包过程中是不关心的。

Webpack 跟其他构建工具本质上不同之处在于：Webpack 是从入口文件开始，经过模块依赖加载、分析和打包三个流程完成项目的构建。在加载、分析和打包的三个过程中，可以针对性的做一些解决方案，达到按需加载的目的，比如code split（拆分公共代码等）。

当然，Webpack 还可以轻松的解决传统构建工具解决的问题：

  • 模块化打包，一切皆模块，JS 是模块，CSS 等也是模块；
  • 语法糖转换：比如 ES6 转 ES5、TypeScript；
  • 预处理器编译：比如 Less、Sass 等；
  • 项目优化：比如压缩、CDN；
  • 解决方案封装：通过强大的 Loader 和插件机制，可以完成解决方案的封装，比如 PWA；
  • 流程对接：比如测试流程、语法检测等。

2、为什么要使用 webpack ？

  • 解耦需要：
    • 使用SPA（Single-page Application，单页面应用）开发大型项目时，解决模块之间的解耦和维护问题；
  • 前端工程化需要：
    • 前端开发逐渐向工程化演进，理解前端框架的项目构建的流程（如React、Vue、Angular）；
  • 项目扩展需要：
    • 理解Webpack核心概念（如Babel加载器、Plugin插件），便于项目协同开发与项目整合；
  • 面试需要：
    • 进入一线互联网公司的必备技能；

3、Webpack搭建ES6开发环境步骤

首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器

设置默认npm使用淘宝镜像

npm config set registry https://registry.npm.taobao.org

安装cnpm包，安装成功后npm命令更换为cnpm命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
## 安装成功之后，直接像使用npm一样使用cnpm即可，例如：安装某个包就变成了
cnpm i packageName

设置环境变量

创建项目文件夹，以 myapp 文件为例，该文件即为项目根目录。打开命令提示符，执行：

cd myapp

依次完成以下操作：

第一步 安装模块

创建package.json文件

# 手动配置
npm init
# 自动配置
npm init -y

安装webpack工具

# 安装webpack和webpack-cli
cnpm install webpack webpack-cli --save-dev

安装babel相关

# 安装 babel和react相关加载器
cnpm i babel-loader @babel/core @babel/preset-env -D

安装css加载器

cnpm i css-loader style-loader -D

安装HTML插件

cnpm i html-webpack-plugin -D

PS：【依赖安装到 开发环境与生产环境的区别】

  • 开发环境，即项目的编码阶段需要的依赖，上线后不需要引用，例如：webpack构建工具、babel加载器等，使用 --save-dev 或 -D 命令安装；

  • 生产环境，项目上线后开始正式提供对外服务的阶段仍然需要依赖支持，例如：jQuery库、路由等，使用 --save 或 -S 命令安装；

第二步 创建目录结构

项目的目录结构为：

myapp

​ – public [静态资源文件目录]

​ – src [ 项目源文件目录 ]

​ – dist [ 打包文件目录 ]

​ – webpack.config.js [ webpack配置文件 ]

​ – package.json [ NPM包管理配置文件 ]

​ – node_modules [ 项目中的依赖存放目录 ]

在public目录下，创建index.html，该文件为项目的默认首页

<!DOCTYPE html><html lang="zh-CN">    <head>        <meta charset="UTF-8" />        <title>Hello React Webpack</title>    </head>    <body>        <div id="root"></div>    </body></html>

在src目录下，创建index.js，该文件为项目的入口文件，在此文件中可以编写ES6代码

[1,2,3,4,5].map(item=> console.log(item))

在项目的根目录下创建webpack.config.js配置文件，依次完成以下配置：

（1）配置入口（entry）

module.exports = {	entry:'./src/index.js'}

（2）配置出口（output）

const path = require('path');module.exports = {	// ...	output: {	    path: path.resolve(__dirname, 'dist'),	    filename: 'main.js'	}}

（3）配置加载器（loader）

module.exports = {	// ...	module:{		rules:[			{				test: /\.css$/,				use:['style-loader','css-loader']			},			{				test: /\.js?$/, // jsx/js文件的正则				exclude: /node_modules/, // 排除 node_modules 文件夹				use:{                    // loader 是 babel                    loader: 'babel-loader',                    options: {                        // babel 转义的配置选项                        babelrc: false,                        presets: [                            [require.resolve('@babel/preset-env'), {modules: false}]                        ],                        cacheDirectory: true                    }                }			}		]	}}

（4）配置插件（plugin）

const HtmlWebPackPlugin = require('html-webpack-plugin');module.exports = {	// ...	plugins:[		new HtmlWebPackPlugin({			template: 'public/index.html',			filename: 'index.html',			inject: true		})	]}

执行打包命令

npx webpack --mode development

配置 npm run build 命令执行打包操作：

//在 package.json 文件添加 build 项{    "scripts": {        "build": "webpack --mode production"    }}

执行打包命令：

npm run build

第三步 搭建本地服务

安装依赖

cnpm i webpack-dev-server -D

在webpack.config.js文件中配置本地服务相关信息

module.exports = {	// ...	devServer: {		contentBase: './dist',		host: 'localhost',		port: 3000	}}

在package.json文件中配置启动命令

{    "scripts": {        "start": "webpack-dev-server --mode development --open"    }}

执行启动服务命令

npm start

Webpack搭建React开发环境

1、React环境搭建

实现React开发的三种方式：

（1）使用CDN的方式

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<!-- 生产环境中不建议使用 -->
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

（2）使用React脚手架工具（推荐）

# 安装脚手架
npm install -g create-react-app
# 创建项目
create-react-app  myapp
# 启动项目
npm start

（3）使用Webpack构建工具

# 步骤
// 1. 安装Node、NPM......
// 2. 安装webpack工具......
// 3. 安装babel......
// 4. 创建配置文件......
// 5. 创建项目目录结构......
// 6. 配置webpack.config.js和package.json......
// 7. 搭建本地服务......

2、为什么要使用 webpack ？

  • 解耦需要：
    • 使用SPA（Single-page Application，单页面应用）开发大型项目时，解决模块之间的解耦和维护问题；
  • 前端工程化需要：
    • 前端开发逐渐向工程化演进，理解前端框架的项目构建的流程（如React、Vue、Angular）；
  • 项目扩展需要：
    • 理解Webpack核心概念（如Babel加载器、Plugin插件），便于项目协同开发与项目整合；
  • 面试需要：
    • 进入一线互联网公司的必备技能；

3、Webpack搭建React开发环境步骤

首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器

设置默认npm使用淘宝镜像

npm config set registry https://registry.npm.taobao.org

安装cnpm包，安装成功后npm命令更换为cnpm命令

npm install -g cnpm --registry=https://registry.npm.taobao.org
## 安装成功之后，直接像使用npm一样使用cnpm即可，例如：安装某个包就变成了
cnpm i packageName

设置环境变量

创建项目文件夹，以 myapp 文件为例，该文件即为项目根目录。打开命令提示符，执行：

cd myapp

依次完成以下操作：

第一步 安装模块

创建package.json文件

# 手动配置
npm init
# 自动配置
npm init -y

安装react模块

# 安装react
cnpm install react --save
# 安装react-dom
cnpm install react-dom --save

安装webpack工具

# 安装webpack和webpack-clicnpm install webpack webpack-cli --save-dev

安装babel相关

# 安装 babel和react相关加载器cnpm i babel-loader @babel/core @babel/preset-env @babel/preset-react -D

安装css加载器

cnpm i css-loader style-loader -D

安装HTML插件

cnpm i html-webpack-plugin -D

PS：【依赖安装到 开发环境与生产环境的区别】

  • 开发环境，即项目的编码阶段需要的依赖，上线后不需要引用，例如：webpack构建工具、babel加载器等，使用 --save 或 -S 命令安装；

  • 生产环境，项目上线后开始正式提供对外服务的阶段仍然需要依赖支持，例如：jQuery库、路由等，使用 --save-dev 或 -D 命令安装；

第二步 创建目录结构

项目的目录结构为：

myapp

​ – public [静态资源文件目录]

​ – src [ 项目源文件目录 ]

​ – dist [ 打包文件目录 ]

​ – webpack.config.js [ webpack配置文件 ]

​ – package.json [ NPM包管理配置文件 ]

​ – node_modules [ 项目中的依赖存放目录 ]

在public目录下，创建index.html，该文件为项目的默认首页

<!DOCTYPE html><html lang="zh-CN">    <head>        <meta charset="UTF-8" />        <title>Hello React Webpack</title>    </head>    <body>        <div id="root"></div>    </body></html>

在src目录下，创建index.js，该文件为项目的入口文件

import React from 'react'import ReactDOM from 'react-dom'ReactDOM.render(<div>Hello React!</div>,document.getElementById('root'));

在项目的根目录下创建webpack.config.js配置文件，依次完成以下配置：

（1）配置入口（entry）

module.exports = {	entry:'./src/index.js'，}

（2）配置出口（output）

const path = require('path');module.exports = {	// ...	output: {	    path: path.resolve(__dirname, 'dist'),	    filename: 'main.js'	}，}

（3）配置加载器（loader）

module.exports = {	// ...	module:{		rules:[			{				test: /\.css$/,				use:['style-loader','css-loader']			},			{				test: /\.jsx?$/, // jsx/js文件的正则				exclude: /node_modules/, // 排除 node_modules 文件夹				use:{                    // loader 是 babel                    loader: 'babel-loader',                    options: {                        // babel 转义的配置选项                        babelrc: false,                        presets: [                            // 添加 preset-react                            require.resolve('@babel/preset-react'),                            [require.resolve('@babel/preset-env'), {modules: false}]                        ],                        cacheDirectory: true                    }                }			}		]	}}

（4）配置插件（plugin）

const HtmlWebPackPlugin = require('html-webpack-plugin');module.exports = {	// ...	plugins:[		new HtmlWebPackPlugin({			template: 'public/index.html',			filename: 'index.html',			inject: true		})	]}

plugins中的inject属性有四个值true | ‘head’ | ‘body’ | false，默认是body，即将脚本插入到body的最底部

执行打包命令

npx webpack --mode development

配置 npm run build 命令执行打包操作：

//在 package.json 文件添加 build 项{    "scripts": {        "build": "webpack --mode production"    }}

执行打包命令：

npm run build

第三步 搭建本地服务

安装依赖

cnpm i webpack-dev-server -D

在webpack.config.js文件中配置本地服务相关信息

module.exports = {	// ...	devServer: {		contentBase: './dist',		host: 'localhost',		port: 3000	}}

在package.json文件中配置启动命令

{    "scripts": {        "dev": "webpack-dev-server"    }}

执行启动服务命令

npm run dev

注意：

如果服务器启动后报错，说明webpack和webpack-dev-server版本不兼容，可以降配置安装

webpack-dev-server@2.9.7

webpack@3.11.0

html-webpack-plugin@3.2.0

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

相关文章

  1. Webpack 打包优化之体积篇

    谈及如今欣欣向荣的前端圈&#xff0c;不仅有各类框架百花齐放&#xff0c;如Vue&#xff0c; React&#xff0c; Angular等等&#xff0c;就打包工具而言&#xff0c;发展也是如火如荼&#xff0c;百家争鸣&#xff1b;从早期的王者Browserify, Grunt&#xff0c;到后来赢得宝…...

    2024/4/21 4:13:43
  2. 前端之Angular2实战：基于Webpack与ES6的Angular2工程搭建

    ​笔者在之前的开发流中习惯了WebpackES6React的Workflow&#xff0c;Angular2本身也是秉持的模块的思想&#xff0c;因此笔者在学习Angular2的时候首先想到的也就是将原本流程里的React变为Angular2。Angular2官网上的Quick Start是用的TypeScript&#xff0c;准确的说&#x…...

    2024/5/2 2:35:28
  3. 前端高性能打包框架webpack，带你走进不一样的前端

    一、webpack安装 webpack官方文档&#xff1a;https://www.webpackjs.com/ npm官方文档&#xff1a;https://www.npmjs.cn/ webpack可以全局安装-g或者局部安装-D 命令&#xff1a;npm i webpack webpack-cli -D webpack可以0配置打包&#xff0c;npx webpack&#xff0c;原理…...

    2024/5/2 2:16:33
  4. 彻底解决Webpack打包慢的问题

    2016-08-03 09:20 转载自&#xff1a;https://segmentfault.com/a/1190000006087638?utm_sourceweekly&utm_mediumemail&utm_campaignemail_weekly这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶&#xff0c;当然同时引入了 Webpack 作为打包工具。但是开发…...

    2024/4/20 19:53:00
  5. 使用webpack打包你的web

    原文链接&#xff1a; https://blog.madewithlove.be/post/webpack-your-bags/ 打包你的web 目前为止你可能已经听说过这款名为webpack的新工具。如果你还不是很了解它&#xff0c;你可能会有一些困惑。因为有人说它是Gulp另外有人说它像Browserify。另一方面&#xff0c;如果…...

    2024/4/28 17:45:32
  6. ionic3使用百度地图

    来源&#xff1a;https://www.npmjs.com/package/angular2-baidu-map 1、安装地图插件 npm install angular2-baidu-map 安装 2、在项目src/app/app.module.ts 导入 import { BaiduMapModule } from angular2-baidu-map//NgModule的imports添加BaiduMapModule.forRoot({a…...

    2024/4/20 19:52:58
  7. ionic2 百度地图应用

    ionic2 百度地图集成 demo: https://github.com/wangzuxing/myionic2prj 1、创建项目工程(命令行方式) ionic start myionic2prj blank --v2 //--v2 参数 指示创建ionic2工程 cd myionic2prj 2、 npm install //或使用”cnpm install” 主要完成安装所需模块&#xf…...

    2024/4/20 19:52:57
  8. 百度地图滚轮缩放产生位置偏移的解决办法

    查了全网并没有任何解决办法, 但是有一段话引起我的注意: 百度地图的缩放是基于body层的 . 随后阅读地图源码发现: 但是这个fx函数我没找到被调用的地方. 然后源码看了又看, 确实实力不够哈哈找不到唉 地图定位貌似是基于body层做计算, 反正, 使用标准文档流就能解决这个问题!…...

    2024/4/21 4:13:41
  9. vue Echart热力图 百度地图

    搬运某位兄台博客的&#xff1a;https://blog.csdn.net/yc_1993/article/details/52432005 页面先引入&#xff1a;<script src"http://api.map.baidu.com/api?v2.0&ak53oVIOgmSIejwV7EfphPgTynOZbIiVYu"></script> <template><div clas…...

    2024/4/21 4:13:39
  10. html5如何引用百度地图api,WebApp如何调用百度地图API

    一、百度地图API的应用场景和方法百度地图接口有三种调用方式&#xff1a;第一种是WEB浏览器端调用(H5)&#xff1b;第二种是Android&#xff1b;第三种是IOS&#xff1b;附上文档地址&#xff1a;第一种当你调用API时会在浏览器端打开百度地图页面(Web和WebAPP打开后样子不同)…...

    2024/4/21 4:13:40
  11. iPhone6可能取代公交卡和门禁卡

    10月28日，苹果公司正在积极寻求合作，以增加iPhone 6和iPhone 6 Plus内置的NFC芯片的用途。该芯片目前只能通过Apple Pay支付服务使用，因为苹果并没有向第三方开放API(应用编程接口)。苹果正在与潜在合作伙伴展开沟通，希望利用这项技术提升安全性，甚至当做门禁卡和公交卡来…...

    2024/4/30 12:26:14
  12. echarts 百度地图扩展使用

    最近在使用echarts地图时遇到诸多问题&#xff0c;现纪录如下&#xff1a; 项目基于 "angular/cli": "~9.0.2" && "echarts": "^4.7.0"。 使用的 官方示列 &#xff0c;这个示列结合百度地图&#xff0c;在项目中引用echart…...

    2024/4/21 4:13:37
  13. 使用百度地图实现拖动定位、搜索定位

    该代码主要的技术点&#xff1a; >获取百度地图key&#xff0c;也就是ak; >拖动定位&#xff0c;经纬度、详细地址 >搜索定位&#xff0c;根据所搜索得地址进行地图地位&#xff0c;精确定位。 具体的实现代码&#xff1a; <!DOCTYPE html> <html> …...

    2024/4/21 4:13:36
  14. 百度地图使用（1）——打点、连线、添加label层

    话不多说&#xff0c;首先上代码&#xff1a; $scope.initMap function(points){var map new BMap.Map(pathTrackMap);var point new BMap.Point(113.843216,27.687262);map.centerAndZoom(point,13);//设置地图map.enableDragging();map.enableScrollWheelZoom();map.enab…...

    2024/4/21 4:13:35
  15. Angular通过CORS实现跨域方案

    以前有一篇很老的文章网上转了很多,包括现在如果你百度"跨域"这个关键字,前几个推荐的都是"Javascript跨域总结与解决方案".看了一下感觉手段有点陈旧了,有一些比如document.domain还有iframe的解决方案委实"丑陋"一些,感觉不再适用于现在一些项…...

    2024/4/29 17:54:27
  16. 百度地图开发探索 添加覆盖物（圆形、多边形、行政区）围栏 typescript angular

    添加覆盖物 话不多说&#xff0c;先上图&#xff0c;看图写代码&#xff08;添加点、弹窗的在上一章有整理&#xff09; 1、圆形围栏&#xff1a; 2、多边形围栏&#xff1a; 3、行政区围栏&#xff1a; 画图&#xff1a; 图形的展示&#xff1a; // 画围栏drawFence(fence…...

    2024/4/21 4:13:33
  17. angular2-baidu-map网站中使用百度地图

    效果图 1、安装 npm install angular2-baidu-map --save 2、在主模块中注册 app.module.ts import {BaiduMap} from "angular2-baidu-map";组件中导入 declarations: [BaiduMap ] 3、创建组件使用地图 baidu.component.ts import {Component, OnInit} from angular/c…...

    2024/4/21 4:13:31
  18. 在angular4中显示百度地图中的热力图

    最近心血来潮&#xff0c;想学学百度地图&#xff0c;请教了同事张同学&#xff0c;成果如下 1.首先在index.html中引入ak<script type"text/javascript" src"http://api.map.baidu.com/api?v2.0&akyour ak"></script>2.在.angular-cli.j…...

    2024/4/21 4:13:31
  19. 关于最新百度地图sdk如何使覆盖物固定在屏幕（MapView）中心

    关于最新百度地图sdk如何使覆盖物固定在屏幕中心 最近为了完成课程设计&#xff0c;接触了百度地图API&#xff0c;我现在用的版本是Android地图sdk v3.3.0&#xff0c;也是目前的最新发布了&#xff0c;相对于之前的版本还是有挺大的改进 先说说需求&#xff1a;我是想将覆盖…...

    2024/4/21 4:13:29
  20. 百度地图点聚合MarkerClusterer，性能优化

    参考文献&#xff1a;http://www.cnblogs.com/lightnull/p/6184867.html 百度的点聚合算法 是基于方格和距离的聚合算法&#xff0c;即开始的时候地图上没有任何已知的聚合点&#xff0c;然后遍历所有的点&#xff0c;去计算点的外包正方形&#xff08;由gridSize指定&#xff…...

    2024/4/21 4:13:29

最新文章

  1. Qt | QLabel 类(标签)

    01、上节回顾 Qt | QFrame容器02、QLabel 1、QLabel 类是 QFrame类的直接子类，因此 QLabel 可以使用从 QFrame 类继承而来的边框效果 2、Qt 的标签可用于显示纯文本、富文本、电影、图像等，但没有提供与用户交互的功能。富文本就是指的符合 HTML 语言规范的文本， 3、QLab…...

    2024/5/2 3:30:20
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 前端开发攻略---Vue通过自定义指令实现元素平滑上升的动画效果（可以自定义动画时间、动画效果、动画速度等等）。

    1、演示 2、介绍 这个指令不是原生自带的&#xff0c;需要手动去书写&#xff0c;但是这辈子只需要编写这一次就好了&#xff0c;后边可以反复利用。 3、关键API IntersectionObserver IntersectionObserver 是一个用于监测元素是否进入或离开视口&#xff08;viewport&#x…...

    2024/5/1 10:20:41
  4. WPS二次开发专题：如何获取应用签名SHA256值

    作者持续关注WPS二次开发专题系列&#xff0c;持续为大家带来更多有价值的WPS开发技术细节&#xff0c;如果能够帮助到您&#xff0c;请帮忙来个一键三连&#xff0c;更多问题请联系我&#xff08;QQ:250325397&#xff09; 在申请WPS SDK授权版时候需要开发者提供应用包名和签…...

    2024/5/1 13:07:33
  5. 【APUE】网络socket编程温度采集智能存储与上报项目技术------多路复用

    作者简介&#xff1a; 一个平凡而乐于分享的小比特&#xff0c;中南民族大学通信工程专业研究生在读&#xff0c;研究方向无线联邦学习 擅长领域&#xff1a;驱动开发&#xff0c;嵌入式软件开发&#xff0c;BSP开发 作者主页&#xff1a;一个平凡而乐于分享的小比特的个人主页…...

    2024/5/1 13:52:04
  6. 【外汇早评】美通胀数据走低，美元调整

    原标题：【外汇早评】美通胀数据走低，美元调整昨日美国方面公布了新一期的核心PCE物价指数数据，同比增长1.6%，低于前值和预期值的1.7%，距离美联储的通胀目标2%继续走低，通胀压力较低，且此前美国一季度GDP初值中的消费部分下滑明显，因此市场对美联储后续更可能降息的政策…...

    2024/5/1 17:30:59
  7. 【原油贵金属周评】原油多头拥挤，价格调整

    原标题：【原油贵金属周评】原油多头拥挤，价格调整本周国际劳动节，我们喜迎四天假期，但是整个金融市场确实流动性充沛，大事频发，各个商品波动剧烈。美国方面，在本周四凌晨公布5月份的利率决议和新闻发布会，维持联邦基金利率在2.25%-2.50%不变，符合市场预期。同时美联储…...

    2024/4/30 18:14:14
  8. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题：【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五，美国方面公布了新一期的非农就业数据，大幅好于前值和预期，新增就业重新回到20万以上。具体数据： 美国4月非农就业人口变动 26.3万人，预期 19万人，前值 19.6万人。 美国4月失业率 3.6%，预期 3.8%，前值 3…...

    2024/4/29 2:29:43
  9. 【原油贵金属早评】库存继续增加，油价收跌

    原标题：【原油贵金属早评】库存继续增加，油价收跌周三清晨公布美国当周API原油库存数据，上周原油库存增加281万桶至4.692亿桶，增幅超过预期的74.4万桶。且有消息人士称，沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油，印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/4/30 18:21:48
  10. 【外汇早评】日本央行会议纪要不改日元强势

    原标题：【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升，避险资金回流日元有关，也与前一段时间的美日贸易谈判给日本缓冲期，日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策，但这符…...

    2024/4/27 17:58:04
  11. 【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响

    原标题：【原油贵金属早评】欧佩克稳定市场，填补伊朗问题的影响近日伊朗局势升温，导致市场担忧影响原油供给，油价试图反弹。此时OPEC表态稳定市场。据消息人士透露，沙特6月石油出口料将低于700万桶/日，沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”，沙特将满…...

    2024/4/27 14:22:49
  12. 【外汇早评】美欲与伊朗重谈协议

    原标题：【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议，昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告，伊朗外长昨日回应称，欧洲国家履行它们的义务，伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/4/28 1:28:33
  13. 【原油贵金属早评】波动率飙升，市场情绪动荡

    原标题：【原油贵金属早评】波动率飙升，市场情绪动荡因中美贸易谈判不安情绪影响，金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际，美国按照既定计划向中国2000亿商品征收25%的关税，市场情绪有所平复，已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/4/30 9:43:09
  14. 【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试

    原标题：【原油贵金属周评】伊朗局势升温，黄金多头跃跃欲试美国和伊朗的局势继续升温，市场风险情绪上升，避险黄金有向上突破阻力的迹象。原油方面稍显平稳，近期美国和OPEC加大供给及市场需求回落的影响，伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级，美国对中…...

    2024/4/27 17:59:30
  15. 【原油贵金属早评】市场情绪继续恶化，黄金上破

    原标题：【原油贵金属早评】市场情绪继续恶化，黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动，人民币汇率出现大幅的贬值动能，金融市场受到非常明显的冲击。尤其是波动率起来之后，对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势，这…...

    2024/4/25 18:39:16
  16. 【外汇早评】美伊僵持，风险情绪继续升温

    原标题：【外汇早评】美伊僵持，风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件，导致波斯湾局势进一步恶化，市场担忧美伊可能会出现摩擦生火，避险品种获得支撑，黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日，四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/4/28 1:34:08
  17. 【原油贵金属早评】贸易冲突导致需求低迷，油价弱势

    原标题：【原油贵金属早评】贸易冲突导致需求低迷，油价弱势近日虽然伊朗局势升温，中东地区几起油船被袭击事件影响，但油价并未走高，而是出于调整结构中。由于市场预期局势失控的可能性较低，而中美贸易问题导致的全球经济衰退风险更大，需求会持续低迷，因此油价调整压力较…...

    2024/4/26 19:03:37
  18. 氧生福地 玩美北湖（上）——为时光守候两千年

    原标题：氧生福地 玩美北湖（上）——为时光守候两千年一次说走就走的旅行，只有一张高铁票的距离～ 所以，湖南郴州，我来了～ 从广州南站出发，一个半小时就到达郴州西站了。在动车上，同时改票的南风兄和我居然被分到了一个车厢，所以一路非常愉快地聊了过来。 挺好，最起…...

    2024/4/29 20:46:55
  19. 氧生福地 玩美北湖（中）——永春梯田里的美与鲜

    原标题：氧生福地 玩美北湖（中）——永春梯田里的美与鲜一觉醒来，因为大家太爱“美”照，在柳毅山庄去寻找龙女而错过了早餐时间。近十点，向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”，到郴州必吃的美食之一。 哇塞！那个味美香甜…...

    2024/4/30 22:21:04
  20. 氧生福地 玩美北湖（下）——奔跑吧骚年！

    原标题：氧生福地 玩美北湖（下）——奔跑吧骚年！让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/5/1 4:32:01
  21. 扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！

    原标题：扒开伪装医用面膜，翻六倍价格宰客，小姐姐注意了！扒开伪装医用面膜，翻六倍价格宰客！当行业里的某一品项火爆了，就会有很多商家蹭热度，装逼忽悠，最近火爆朋友圈的医用面膜，被沾上了污点，到底怎么回事呢？ “比普通面膜安全、效果好！痘痘、痘印、敏感肌都能用…...

    2024/4/27 23:24:42
  22. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题：「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势： 1、铁皮石斛：自唐宋以来，一直被列为皇室贡品，铁皮石斛生于海拔1600米的悬崖峭壁之上，繁殖力差，产量极低，所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/4/28 5:48:52
  23. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题：丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司，专注美业21年，其旗下品牌： 「圣茵美」私密荷尔蒙抗衰，产后修复 「圣仪轩」私密荷尔蒙抗衰，产后修复 「花茵莳」私密荷尔蒙抗衰，产后修复 「丽彦妆」专注医学护…...

    2024/4/30 9:42:22
  24. 广州械字号面膜生产厂家OEM/ODM4项须知！

    原标题：广州械字号面膜生产厂家OEM/ODM4项须知！广州械字号面膜生产厂家OEM/ODM流程及注意事项解读： 械字号医用面膜，其实在我国并没有严格的定义，通常我们说的医美面膜指的应该是一种「医用敷料」，也就是说，医用面膜其实算作「医疗器械」的一种，又称「医用冷敷贴」。 …...

    2024/4/30 9:43:22
  25. 械字号医用眼膜缓解用眼过度到底有无作用？

    原标题：械字号医用眼膜缓解用眼过度到底有无作用？医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料，含70%以上的水分。体表皮肤温度传导到本产品的凝胶层，热量被凝胶内水分子吸收，通过水分的蒸发带走大量的热量，可迅速地降低体表皮肤局部温度，减轻局部皮肤的灼…...

    2024/4/30 9:42:49
  26. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示，配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  27. 错误使用 reshape要执行 RESHAPE，请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...

    2022/11/19 21:17:16
  28. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  29. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  30. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  31. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  32. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  33. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  34. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  35. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办？

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  36. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ，然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  37. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间：2020-04-20 22:24:19　浏览次数：729次 区域： 南阳 > 卧龙 列举网提醒您：为保障您的权益，请不要提前支付任何费用！ 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于：钉钉，外勤365，红圈通，企业微信和…...

    2022/11/19 21:17:05
  38. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”，长时间没反应，无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  39. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办？...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  40. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败，正在还原更改，请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  41. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机，电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  42. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  43. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  44. 配置失败还原请勿关闭计算机,配置Windows Update失败，还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  45. 如何在iPhone上关闭“请勿打扰”

    Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...

    2022/11/19 21:16:57