我想买戴尔的笔记本 大家进来看看这个配置值多钱 咋样

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了我想买戴尔的笔记本 大家进来看看这个配置值多钱 咋样相关的知识，希望对你有一定的参考价值。

Intel(R) Pentium Dual Core T4400 (2.2GHz, 800MHz FSB, 1MB) 1
每用户最多2台. 1
折扣仅在以上配置选用了相应升级部件时才适用。 1
仅为限期促销措施，不享受另外折扣 1
不包含初次上门安装服务,若需要请购买相应安装服务或致电800-858-0999获得更多协助 1
采用TrueLife技术的14.0"高清LED显示屏 (1366x768) 1
Free Bag+Mouse 1
Cash Off RMB500(Incl.GST) 1
Cash Off RMB200(Incl.GST) 1
LCD Bezel with Camera 1
Camera software driver 1.4 1
CD Kit for Webcam Central Software 1
曜石黑 1
Adobe Reader 1
发货模式 1
CCC订单 1
戴尔 Connect 2.1 1
System Driver Kit 1
直接发货信息 1
WINDOWS-LIVE 1
用户指南文档（简体中文） 1
Dell(TM) Support Center (64-bit OS) 1
系统驱动程序 1
Skype Software 1
英特尔奔腾标签 1
Dell(TM) Dock Software 1
2GB(1X2GB) DDR2 SDRAM内存 1
250GB SATA硬盘(5400转) 1
8倍速DVD+/-RW 刻录光驱（DVD+R双面写入功能） 1
Roxio Burn 1.0 1
Power Cord For CN 1
90 W Adapter 3 Pin 1
48WHr 6芯 锂离子主电池 1
棕色发货包装箱 1
15.4inch Carry Case 1
ATI Mobility Radeon HD4330, 512MB独立显存 1
戴尔 Wireless 1397 802.11b/g Half Mini卡 1
Entry Level USB Optical Mouse 1
Dell(TM) Keyboard with Touchpad 1
Genuine Windows(R) 7 Home Basic COA Label (SCHI) 1
Genuine Windows(R) 7 OS Label 1
Genuine Windows(R) 7 Home Basic 64bit (Simplified Chinese) 1
Microsoft Patch for WIN7 1
OS Media Kit Not Included 1

坦白的讲，DELL的机器给人的感觉不怎么样；本身就是低质低价出身，净玩小花招，服务方面也是斤斤计较，让人不舒服。
现在的笔记本方面，台湾、大陆、韩国有很多不错的品牌，服务也都可以：比如联想、海尔、方正、宏基、华硕、微星、三星。同样的配置有很多选择，定价也都公道（竞争激烈呀）。

比如：三星有一款：配置就比你列出的高很多，价格在3700元左右。（本人不为谁做广告）网上许多商城都有。

品牌: Samsung/三星
系列: R全能系列
R全能系列型号: R428-DS08
成色: 全新
CPU平台: 酷睿2双核
酷睿2双核: P7350
CPU频率量级: 2.0GHz
内存容量: 2G
硬盘容量: 320G
显卡类型: 独立
独显: NVIDIA GeForce 310M
显存容量: 512M
光驱类型: DVD刻录
屏幕比例: 宽屏16：9
屏幕尺寸: 14寸
重量: 2-2.5公斤
电池类型: 6芯锂电池
摄像头功能: 有
上市时间: 2009年
颜色: 黑色
笔记本套餐: 标准套餐
笔记本定位: 游戏娱乐
笔记本价格区间: 3700元左右。 参考技术A 您好
您可以到我们的戴尔的技术论坛里面去查询一下信息，这里的内容很全面。
http://support1.ap.dell.com/cn/zh/forum/thread.asp?fid=15&tid=286358 参考技术B 处理器过时了。硬盘转速也过时了。显卡是低端显卡，电没少费，但是性能鸡肋。不推荐 参考技术C 网上报价3800左右,在DELL官网和电脑城比比价就可以了
配置基础上够用了,如追求打游戏则可能还要多加点钱,因为游戏对配置的要求升级太快,内存需扩到4G

不想eject，还咋修改create-react-app的配置？

一、先抛问题

许多刚开始接触create-react-app框架的同学，不免都会有个疑问：如何在不执行eject操作的同时，修改create-react-app的配置。今天胡哥就来带大家一起来看看这个问题~

二、为啥不建议执行eject

1. 执行eject产生了什么变化？

create-react-app框架本身将webpack、babel的相关配置封装在了react-scripts中， 执行yarn eject后，会将webpack、babel等配置暴露在config目录下，同时scripts目录下会有新的命令文件更新，package.json文件中scripts命令同步更新。

2. 执行eject带来了什么问题？

首先，执行eject是不可逆的，复杂的webpack等配置由框架本身转交给用户自己进行维护了。

其次，在版本迭代时，如果更新了react、react-scripts、eslint、tsconfig等依赖，有可能会引起版本依赖的问题，即使我们按错误信息修复了之后，项目还是无法运行。

所以我们一般不太建议使用yarn eject的方式暴露create-react-app框架的配置。

三、有需求咋解决

实际开发中，我们还是需要更新webpack、babel的配置，比如：

  • antd的按需加载；
  • 配置css预处理器 - less；
  • 设置alias、externals；
  • 生产环境打包-去除console.log、debugger；
  • 打包结果优化分析；
  • 打包增加进度条提示；

前方高能预警~

借助react-app-rewired和customize-cra来完成配置的扩展~

这里划重点，记住要考呦~

我们划分几个步骤，来一一实现：

  1. 下载安装依赖

    yarn add react-app-rewired customize-cra -D
    胡哥现在使用的版本是 react-app-rewired@^2.1.8 、customize-cra@^1.0.0

  2. 配置package.json的命令

    "scripts": {
-   "start": "react-scripts start",
+        "start": "react-app-rewired start",
-   "build": "react-scripts build",
+   "build": "react-app-rewired build",
}

  3. 在根目录下配置config-overrides.js文件

    module.exports = {}

完成了基础配置后，我们在config-overrides.js中进行详细配置，解决我们上面的需求问题。

  1. antd的按需加载

    安装依赖:

    yarn add antd -D

    配置

    cosnt { override, fixBabelImports } = require(\'customize-cra\');

module.exports = override(
    fixBabelImports(
      "import",
    {
            "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css"
    }
  )
)

  1. 配置css预处理器 - less

    为啥在这里只强调了less呢，因为create-react-app中内置了sass/scss的预处理器，只需要使用时安装相关的依赖就可以了（运行时，根据提示缺失的包进行安装即可）。

    yarn add sass -D

    接下来我们来less的是如何支持的

    安装依赖：

    yarn add less less-loader@7.3.0 -D

    注意这里less-loader的版本 less-loader@7.3.0，如果是最新的版本和上面的react-app-rewired和customize-cra版本配合配置时有问题，所以使用了低版本的。

    less-loader的最新版本其实是为了配合webpack@5.0使用的。

    配置

    const { override, addLessLoader } = require(\'customize-cra\');

module.exports = override(
    addLessLoader({
        // 这里可以添加less的其他配置
        lessOptions: {
           // 根据自己需要配置即可~
    }
    })
);

  1. 设置alias、externals；

    const { override, addWebpackAlias } = require(\'customize-cra\');
const path = require(\'path\');

module.exports = override(
  // alias
    addWebpackAlias({
    // 加载模块的时候，可以使用“@”符号来进行简写啦~
    \'@\': path.resolve(__dirname, \'./src/\')
  }),
  // externals
  addWebpackExternals({
    // 注意对应的在public/index.html引入jquery的远程文件地址
    "jQuery": "jQuery"
  })
)

  1. 生产环境打包-去除console.log、debugger；

    安装依赖

    yarn add uglifyjs-webpack-plugin -D

    配置

    const { override, addWebpackPlugin } = require(\'customize-cra\');
const  UglifyJsPlugin = require(\'uglifyjs-webpack-plugin\');

module.exports = override(
    // 注意是production环境启动该plugin
    process.env.NODE_ENV === \'production\' && addWebpackPlugin(
      new UglifyJsPlugin({
          // 开启打包缓存
          cache: true,
          // 开启多线程打包
          parallel: true,
          uglifyOptions: {
              // 删除警告
              warnings: false,
              // 压缩
              compress: {
                  // 移除console
                  drop_console: true,
                  // 移除debugger
                  drop_debugger: true
              }
          }
      })
  )
)

  1. 打包结果优化分析；

    安装依赖

    yarn add webpack-bundle-analyzer cross-env -D
    cross-env用于配置环境变量

    配置

    // package.json文件
"scripts": {
    "build:analyzer": "cross-env ANALYZER=true react-app-rewired build"
}
    // config-overrides.js
const { override, addWebpackPlugin } = require(\'customize-cra\');
const { BundleAnalyzerPlugin } = require(\'webpack-bundle-analyzer\');

module.exports = override(
  // 判断环境变量ANALYZER参数的值
    process.env.ANALYZER && addWebpackPlugin(new BundleAnalyzerPlugin())
)

  1. 打包增加进度条提示；

    安装依赖

    yarn add progress-bar-webpack-plugin -D
const { override, addWebpackPlugin } = require(\'customize-cra\');
const ProgressBarPlugin = require(\'progress-bar-webpack-plugin\');

module.exports = override(
    addWebpackPlugin(new ProgressBarPlugin())
)

以上就是我们实现几个需求的配置。我们来看看完整的config-overrides.js文件。

// config-overrides.js
cosnt { override, fixBabelImports, addWebpackPlugin, addLessLoader, addWebpackAlias, addWebpackExternals } = require(\'customize-cra\');
const path = require(\'path\');
const  UglifyJsPlugin = require(\'uglifyjs-webpack-plugin\');
const { BundleAnalyzerPlugin } = require(\'webpack-bundle-analyzer\');
const ProgressBarPlugin = require(\'progress-bar-webpack-plugin\');

module.exports = override(
    fixBabelImports(
      "import",
    {
            "libraryName": "antd",
      "libraryDirectory": "es",
      "style": "css"
    }
  ),
  addLessLoader({
        // 这里可以添加less的其他配置
        lessOptions: {
           // 根据自己需要配置即可~
    }
    }),
  // alias
    addWebpackAlias({
    // 加载模块的时候，可以使用“@”符号来进行简写啦~
    \'@\': path.resolve(__dirname, \'./src/\')
  }),
  // externals
  addWebpackExternals({
    // 注意对应的在public/index.html引入jquery的远程文件地址
    "jQuery": "jQuery"
  }),
  // 注意是production环境启动该plugin
    process.env.NODE_ENV === \'production\' && addWebpackPlugin(
      new UglifyJsPlugin({
          // 开启打包缓存
          cache: true,
          // 开启多线程打包
          parallel: true,
          uglifyOptions: {
              // 删除警告
              warnings: false,
              // 压缩
              compress: {
                  // 移除console
                  drop_console: true,
                  // 移除debugger
                  drop_debugger: true
              }
          }
      })
  ),
  // 判断环境变量ANALYZER参数的值
    process.env.ANALYZER && addWebpackPlugin(new BundleAnalyzerPlugin()),
  addWebpackPlugin(new ProgressBarPlugin())
)

后记

以上就是胡哥今天给大家分享的内容，喜欢的小伙伴记得点赞、收藏呦，关注胡哥有话说，学习前端不迷路，欢迎多多留言交流...

胡哥有话说，专注于大前端技术领域，分享前端系统架构，框架实现原理，最新最高效的技术实践！

以上是关于我想买戴尔的笔记本 大家进来看看这个配置值多钱 咋样的主要内容，如果未能解决你的问题，请参考以下文章

戴尔笔记本开机就卡在登录界面，反复开机无效，不重装系统情况下怎么解决？

大家看看这个咋回事，怎么解决，谢谢

dell xps13-9360笔记本电池充不了电，显示电源已接通，未充电，咋回事呀？

XPS15 9560&戴尔笔记本续航问题及解决方法

戴尔笔记本提示电量不足请插入电源，当我插入电源适配器时电脑突然关机了，插入电脑时适配器的指示灯也不

我家电脑是戴尔的，怎么开不了机，一直在闪黄灯，是怎么回事？。