随笔分类 - webpack4中的坑
摘要：这篇博客都可以无缝衔接【https://www.cnblogs.com/Hijacku/p/15392107.html】这一篇 由于那一篇是windows，我以为 在linux 上进行相同操作 可以打包成功，没想到还是失败了。 linux 上打包成功差不多也花了大半天。 其中有尝试更新node版本，
阅读全文
摘要：webpack 打包 可以借助 webpack-bundle-analyzer 这个库来分析打包后的文件大小。 使用 ： --report 打包指令加上 --report 参数就可以。 这个插件 会以网页形式 展示 webpack打包后的文件大小详情。 可以通过这个分析页面 去判断哪个文件很大， 有
阅读全文
摘要：这种报错就是写css样式中有语法错误或者 css文件中 注释用的 "//" 而不是 /* */ 等一系列 语法问题。 解决办法就是 去build/webpack.prod.config.js 找到 new OptimizeCSSPlugin({ cssProcessorOptions: config
阅读全文
摘要：1.跨域 config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息： proxyTable: { '/api': { // 匹配所有以 '/api'开头的请求路径 target: 'http://localhost:4000', // 代理目标的基础路径 //
阅读全文
摘要：webpack为开发者提供了 三种方式去实现自动监听文件的变化重新打包，用的比较多的就是-webpack-dev-server这个插件。 使用： 1.npm install -D webpack-dev-server 安装 webpack-dev-server 2.配置简易指令，package.jo
阅读全文
摘要：老规矩，介绍几个常用的插件【在某个时间点，自动执行的处理程式】，后续碰到其他的，去官网上看api使用文件即可！！ html-webpack-plugin 【详情https://www.webpackjs.com/plugins/html-webpack-plugin/】 这个插件是帮助webpack
阅读全文
摘要：webpack官方提供了非常多的loader，每个都记住不太容易，可以去 官方中文网站：https://www.webpackjs.com/，去查阅一些loader的使用方法。下面就挑选几个常用的loader做讲解使用[大前提就是npm 先安装对应的loader]。 使用file-loader： 《
阅读全文
