- 博客(6)
- 收藏
- 关注
RSS订阅原创 webpack学习（六）：结合React配置热替换
react-hot-loader what？ react 提供了 react-hot-loader 插件来帮助 webpack 配置下 react 实现热替换 use？ 命令行运行以下命令进行安装： npm install react-hot-loader --save-dev 创建.babelrc并进行如下配置：（或者也可以在webpack配置文件中配置，提取到该文件只是为了降低webpack...
2018-12-20 16:43:03
259
原创 webpack学习（五）：webpack4+压缩和提取CSS以及提取公共部分
提取：mini-css-extract-plugin what？ 在过去，如何将 CSS 提取到一个文件中这是 extract-text-webpack-plugin 的工作。不幸的是这个插件与 webpack 4 不太兼容。根据 Michael Ciniawsky 的说法：extract-text-webpack-plugin 的维护已经成为了一个很大的负担，这已经不是第一次因为它的问题，而使升...
2018-12-20 16:42:56
8282
原创 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
330
原创 webpack学习（三）：webpack-dev-server以及HMR
webpack-dev-server what？ webpack-dev-server提供了一个简单的 web 服务器，并且能够实时重新加载(live reloading)，能够用于快速开发应用程序 use？ 首先使用npm进行安装： npm install --save-dev webpack-dev-server 然后，在webpack配置文件中，添加devServer： devSe...
2018-12-20 16:42:32
1041
原创 webpack学习（二）：clean-webpack-plugin插件和source map功能
clean-webpack-plugin插件 what？ clean-webpack-plugin插件：一个webpack插件，用于在构建之前删除/清除构建文件夹。也就是说我们在安装使用这个插件之后，我们每次run build会自动帮我们清除之前的文件，再用打包生成的新的文件代替 why？ 可能有人会说，每次打包完的文件如果同名不是会覆盖吗？那这个插件到底有什么意义？ 的确如此，我们只要定好文件的...
2018-12-20 16:42:25
1079
原创 webpack学习（一）：初步配置一个简单的webpack项目
一、关于webpack安装 当然，在安装webpack之前，你的本地需要已经安装好nodejs 全局安装 npm install --global webpack // 全局安装webpack 本地安装 npm install webpack // 本地安装webpack 二、初始...
2018-12-20 16:42:17
957
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人