不知名的小五-CSDN博客

原创 webpack学习（六）：结合React配置热替换

react-hot-loaderwhat？react 提供了 react-hot-loader 插件来帮助 webpack 配置下 react 实现热替换use？命令行运行以下命令进行安装：npm install react-hot-loader --save-dev创建.babelrc并进行如下配置：（或者也可以在webpack配置文件中配置，提取到该文件只是为了降低webpack...

2018-12-20 16:43:03 206

原创 webpack学习（五）：webpack4+压缩和提取CSS以及提取公共部分

提取：mini-css-extract-pluginwhat？在过去，如何将 CSS 提取到一个文件中这是 extract-text-webpack-plugin 的工作。不幸的是这个插件与 webpack 4 不太兼容。根据 Michael Ciniawsky 的说法：extract-text-webpack-plugin 的维护已经成为了一个很大的负担，这已经不是第一次因为它的问题，而使升...

2018-12-20 16:42:56 8167

原创 webpack学习（四）：结合React框架以及ES6

初始化创建完项目目录通过运行npm init 进行初始化安装依赖安装需要的依赖和模块 "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "babel-preset-env": "^1.7.0", &am

2018-12-20 16:42:49 268

原创 webpack学习（三）：webpack-dev-server以及HMR

webpack-dev-serverwhat？webpack-dev-server提供了一个简单的 web 服务器，并且能够实时重新加载(live reloading)，能够用于快速开发应用程序use？首先使用npm进行安装：npm install --save-dev webpack-dev-server然后，在webpack配置文件中，添加devServer： devSe...

2018-12-20 16:42:32 917

原创 webpack学习（二）：clean-webpack-plugin插件和source map功能

clean-webpack-plugin插件what？clean-webpack-plugin插件：一个webpack插件，用于在构建之前删除/清除构建文件夹。也就是说我们在安装使用这个插件之后，我们每次run build会自动帮我们清除之前的文件，再用打包生成的新的文件代替why？可能有人会说，每次打包完的文件如果同名不是会覆盖吗？那这个插件到底有什么意义？的确如此，我们只要定好文件的...

2018-12-20 16:42:25 976

原创 webpack学习（一）：初步配置一个简单的webpack项目

一、关于webpack安装当然，在安装webpack之前，你的本地需要已经安装好nodejs全局安装npm install --global webpack // 全局安装webpack本地安装npm install webpack // 本地安装webpack二、初始...

2018-12-20 16:42:17 873

小五的博客