![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 93
xcxiang
Live beautifully, dream passionately, love completely
展开
-
webpack-react
webpack-react 在github新建一个仓库名为webpack-react,再clone到本地进行开发(当然你也可以不要这步);第一步、安装全局包$ npm install babel -g$ npm install webpack -g$ npm install webpack-dev-server -g第二步、创建根目录创建一个根目录,目录名为:webpack-react,转载 2016-08-23 22:57:05 · 393 阅读 · 0 评论 -
webpack学习之webpack.config.js详解
一、webpack.config.js概览var webpack = require('webpack');module.exports = { entry: [ 'webpack/hot/only-dev-server', './js/app.js' ], output: { path: './build',原创 2016-08-24 21:30:36 · 1606 阅读 · 0 评论 -
webpack代码分离的三种常用方法
代码分离是 webpack 中最引人注目的特性之一。此特性能够把代码分离到不同的 bundle 中,然后可以按需加载或并行加载这些文件。代码分离可以用于获取更小的 bundle,以及控制资源加载优先级,如果使用合理,会极大影响加载时间。有三种常用的代码分离方法:入口起点:使用 entry 配置手动地分离代码。防止重复:使用 CommonsChunkPlugin 去重和分离 ch...转载 2018-08-15 21:25:51 · 3986 阅读 · 1 评论 -
webpack 缓存
webpack 缓存webpack 中进行持久化缓存的呢,我们需要做到以下两点: - 保证 hash 值的唯一性,即为每个打包后的资源生成一个独一无二的 hash 值,只要打包内容不一致,那么 hash 值就不一致。 - 保证 hash 值的稳定性,我们需要做到修改某个模块的时候,只有受影响的打包后文件 hash 值改变,与该模块无关的打包文件 hash 值不变。hash 文件名是实现...转载 2018-08-15 21:30:57 · 992 阅读 · 0 评论