qq_39148344的博客

我们的目标如下： 开发环境性能优化 1.优化打包速度 HMR(热模块替换) 2.优化代码调试 source-map 生产环境性能打包 1.优化代码打包速度 oneof：提高loader的匹配效率 babel缓存，判断是否以及打包过 多进程打包 externals（外部扩展）：他可以规定那个文件不需要打包，从而让期通过CDN引入 dll：动态链接库，防止某一些引用库的多次引用，从而导致多次打包 2.优化代码运行性能 缓存 tree-shaking code split （代码分割）

要求上线的代码稳定（js，css的兼容处理），运行速度块（将css改为单独文件用link引入），传输速度块（代码压缩） 提取css成单独文件 下载 引入mini-css-extract-plugin 文件 mini-css-extract-plugin 将取代style-loader，作用：提取js中的css代码为单独文件（一个），防止html太大，所以弊端就是css文件太大了（如果是单入口，所以vue中用了自己的vue-style-loader来防止css全部聚焦在一起） const { re.

首先我们的目标，可以让代码运行，对代码调试的时候方便一些 基础配置 创建webpack.config.js const { resolve } = require('path'); // node 内置核心模块，用来处理路径问题。 module.exports = { entry: './src/js/index.js', // 入口文件 // 输出配置 output: { filename: './built.js', // 输出文件名 path: resolve(__d

自我学习，自我总结 wbpack 是什么 webpack是一种前端的资源构建工具，一个静态模块打包器（module bundler）。 在webpack看来，前端的所有资源文件（js/json/css/img/less/。。。）都应该作文模块处理 它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle） Wbpack的核心概念 Entry 入口（entry）指示webpack以哪一个文件为入口起点开始打包，分析构建内部依赖图 output 输出（output）指示we

问题来源 由于对页面的路由需要一些修改，要对几乎全部的.vue文件添加一个父文件，然后改路由，但是问题来了，没一个页面的文件，资源路径都要改，import还好可以用alias相对路径（例如：vue-cli3中的@）那么还好，但是css（scss,less）的一些引入就烦了，每一个都要改,随后去找了一些文档总结了一下 解决方法 再vue-cli3中添加一个webpack.config.js文件...