![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术学习
不知名的小五
这个作者很懒,什么都没留下…
展开
-
webpack学习(一):初步配置一个简单的webpack项目
一、关于webpack安装当然,在安装webpack之前,你的本地需要已经安装好nodejs全局安装npm install --global webpack // 全局安装webpack本地安装npm install webpack // 本地安装webpack二、初始...原创 2018-12-20 16:42:17 · 873 阅读 · 0 评论 -
webpack学习(二):clean-webpack-plugin插件和source map功能
clean-webpack-plugin插件what?clean-webpack-plugin插件:一个webpack插件,用于在构建之前删除/清除构建文件夹。也就是说我们在安装使用这个插件之后,我们每次run build会自动帮我们清除之前的文件,再用打包生成的新的文件代替why?可能有人会说,每次打包完的文件如果同名不是会覆盖吗?那这个插件到底有什么意义?的确如此,我们只要定好文件的...原创 2018-12-20 16:42:25 · 976 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论