##HMR热模块替换 HMR:hot moddule replacement 热模块替换 作用：一个模块发生变化，只会重新打包这个模块，极大的提升了构建速度 样式文件：可以使用HMR，style-loader内部实现 js文件：默认没有HMR功能，需要修改js代码，添加支持该功能的代码 HMR功能对 ...
分类：
Web程序 时间：
2020-07-17 19:19:42
阅读次数：
85
##HMR热模块替换 HMR:hot moddule replacement 热模块替换 作用：一个模块发生变化，只会重新打包这个模块，极大的提升了构建速度 样式文件：可以使用HMR，style-loader内部实现 js文件：默认没有HMR功能，需要修改js代码，添加支持该功能的代码 HMR功能对 ...
分类：
Web程序 时间：
2020-07-17 16:11:55
阅读次数：
75
想在react项目中暴露webpack配置文件，命令行即：yarn eject 或 npm run eject，结果报了一个以前没有出现过的错误：Remove untracked files, stash or commit any changes, and try again.如下图： 查了下资料 ...
分类：
其他好文 时间：
2020-07-17 11:32:07
阅读次数：
80
问题 原来是这么写的，但是报错了！ const CleanWebpackPlugin = require('clean-webpack-plugin'); module.exports = { plugins: [ new CleanWebpackPlugin(['dist']) // 打包之前，会 ...
分类：
Web程序 时间：
2020-07-17 11:25:23
阅读次数：
92
day 0（2020-07-16） 项目打包实在太慢了，打算长期优化一下。目前的打包时间（npm run build）约 60s（启动开发环境 npm run dev 也需要将近 50s） 先介绍下项目，是个很普通的 vue 单页应用，年代比较久远，用的是 vue-cli2 脚手架，做了部分修改（根 ...
分类：
Web程序 时间：
2020-07-16 18:21:50
阅读次数：
83
本本节课讲解在webpack v4中的 Scss 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。Scss 是 Sass 3 引入新的语法，其语法完全兼容 css3，并且继承了 Sass 的强大功能。也就是说，任何标准的 css3 样式表都是具有相同语义的有效的 ...
分类：
Web程序 时间：
2020-07-16 18:13:32
阅读次数：
76
vue 脚手架提供了一个用于可视化分析打包文件的包 webpack-bundle-analyzer 和配置 vue框架做的项目优化 npm run build --report //项目打包并且生成一个页面 可以出现如下图，显示各个库占用情况，根据这个可以把占用比较大的库用小的库代替： 以(时间)m ...
分类：
其他好文 时间：
2020-07-16 00:29:50
阅读次数：
90
devServer: { // 端口配置 port: 1888, // 友情提示:改完请重启项目才能生效!!! // 反向代理配置 proxy: { "/api": { //将’/api‘请求转到代理请求’http://192.168.1.125/api‘ target: "http://192.1 ...
分类：
Web程序 时间：
2020-07-15 15:20:40
阅读次数：
92
create-react-app，官方推荐脚手架 配置及安装方式： 1.搭建 react ： npx create-react-app my-app （my-app 自己起的文件名，如果一直安装失败，试着清一下缓存：npm cache clean --force） 1.1： npm i react- ...
分类：
移动开发 时间：
2020-07-14 13:54:20
阅读次数：
108
1、webpack课程介绍 2、webpack基础配置 3、webpack打包出的文件解析 4、Html插件 5、样式处理(1) 6、样式处理(2) 7、转化es6语法 8、处理js语法及校验 9、全局变量引入问题 10、图片处理 11、打包文件分类 12、打包多页应用 13、配置source-ma ...
分类：
Web程序 时间：
2020-07-14 13:26:18
阅读次数：
84
