![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
Shelly~
菜鸟先飞,加油(ง •̀_•́)ง
展开
-
webpack配置详解(五)
1. entry 1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js'] 多入口 所有入口文件最终只会形成一个chunk, 输出出去只有一个bundle文件。 --> 只有在HMR功能中让html热更新生效~ 3. object 多入口 有几个入口文件就原创 2021-03-16 16:31:02 · 197 阅读 · 0 评论 -
webpack优化配置(四)
webpack性能优化 开发环境性能优化 生产环境性能优化 开发环境性能优化 优化打包构建速度 HMR 优化代码调试 source-map 生产环境性能优化 优化打包构建速度 oneOf babel缓存 多进程打包 externals-------cdn引入 dll--------单独先打包 优化代码运行的性能 缓存(hash-chunkhash-contenthash) tree shaking code split 懒加载/预加载 pwa 注:打包来自同一个入口文件,原创 2021-03-16 11:16:33 · 159 阅读 · 0 评论 -
webpack生产环境的基本配置(三)
1. 提取 css 成单独文件 下载安装包 下载插件 npm install --save-dev mini-css-extract-plugin 修改配置文件 const { resolve } = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.e原创 2021-03-12 20:54:25 · 109 阅读 · 0 评论 -
webpack开发环境的基本配置(二)
1. 创建配置文件 创建文件 webpack.config.js 配置内容如下 const { resolve } = require('path'); // node 内置核心模块,用来处理路径问题。 module.exports = { entry: './src/js/index.js', // 入口文件 output: { // 输出配置 filename: './built.js', // 输出文件名 path: resolve(__dirname, 'build/js')原创 2021-03-12 20:26:19 · 220 阅读 · 0 评论