随笔分类 -  webpack学习

cross-env 作用
摘要：是什么 运行 "跨平台" 设置和使用环境变量的脚本 出现原因 当您使用NODE_ENV =production, 来设置环境变量时，大多数 "Windows" 命令提示将会阻塞(报错)。 （异常是Windows上的Bash，它使用本机Bash。）同样，Windows和POSIX命令如何使用环境变量也 阅读全文
posted @ 2019-09-25 19:20 诗和远方-ysk 阅读(857) 评论(0) 推荐(0)
webpack打包如何统一js和css中图片资源路径
摘要：目前项目应用的是 ,自行修改了部分配置.三个环境的情况跟你差不多,测试/生产环境的层级比你还深。 先说下修改了哪些配置 1 下的 内的 方法内部的 2 下的 对象内的 针对图片类型的配置 3 dev的配置就不说了,改了端口,偶尔会修改下默认启动的 用于移动调试 主要是 下的 目前这套配置运行良好.图 阅读全文
posted @ 2019-09-19 10:58 诗和远方-ysk 阅读(627) 评论(0) 推荐(0)
webpack热更新 同时导出文件到本地
摘要：webpack 配置热更新后，文件配置导出到本地 1. 安装 2. 引入 3. 配置 over 阅读全文
posted @ 2018-11-22 21:15 诗和远方-ysk 阅读(395) 评论(0) 推荐(0)
Webpack 多html入口、devServer、热更新配置
摘要：一、clean webpack plugin： ============================ 在每次生成dist目录前，先删除本地的dist文件（每次自动删除太麻烦） 1、安装clean webpack plugin npm/cnpm i clean webpack plugin sav 阅读全文
posted @ 2018-11-22 20:49 诗和远方-ysk 阅读(2043) 评论(0) 推荐(0)
webpack4 mini-css-extract-plugin
摘要：在使用webpack的extract text webpack plugin插件提取单独打包css文件时，报错，说是这个插件要依赖webpack3的版本。 webpack4得使用mini css extract plugin这个插件来单独打包css。下面是使用方法： "mini css extrac 阅读全文
posted @ 2018-11-20 17:12 诗和远方-ysk 阅读(11442) 评论(0) 推荐(0)
webpack4-splitchunk&&缓存优化.pdf
摘要："webpack4 splitchunk&&缓存优化.pdf" 阅读全文
posted @ 2018-11-20 15:20 诗和远方-ysk 阅读(198) 评论(0) 推荐(0)
webpack4 处理CSS
摘要：本篇讲解 中打包 的应用。v4 版本和 v3 版本并没有特别的出入。 教程所示图片使用的是 github 仓库图片，网速过慢的朋友请移步 " 原文地址" 。 评论或者最新更新，也请移步。 1. 准备工作 众所周知，CSS 在 HTML 中的常用引入方法有``标签和` 阅读全文
posted @ 2018-11-20 11:13 诗和远方-ysk 阅读(228) 评论(0) 推荐(0)