会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
星星园
webpack 打包配置时时更新
摘要: 添加配置,和module同级 watch:true , // 时时监控
阅读全文
posted @ 2021-02-09 14:46 星星园
阅读(38)
评论(0)
推荐(0)
webpack打包加大就是为了加大文件允许体积,提升报错门栏
摘要: 添加配置,和 module 同步 performance: { // 就是为了加大文件允许体积,提升报错门栏。 hints: "warning", // 枚举 maxAssetSize: 500000, // 整数类型(以字节为单位) maxEntrypointSize: 500000, // 整数
阅读全文
posted @ 2021-02-09 14:45 星星园
阅读(86)
评论(0)
推荐(0)
webpack打包配置服务
摘要: 添加下面配置 和模块module 同级别 devServer: { // 本地服务器配置 contentBase: './dist', //默认本地服务器所在的根目录 historyApiFallback: true, //是否跳转到index.html inline: true, //源文件改变时
阅读全文
posted @ 2021-02-09 14:43 星星园
阅读(59)
评论(0)
推荐(0)
webpack 打包 js图片
摘要: 打包 js 中的图片 1. js 中先 require 图片路径 var ip =require('../img/foot/ip.jpg'); 2. 然后正常 js 引用 $('.add_img').attr('src',ip); 3.其他不变
阅读全文
posted @ 2021-02-09 14:37 星星园
阅读(67)
评论(0)
推荐(0)
webpack 打包css 图片
摘要: 使用 图片打包工具的意义是 : 最终图片转换压缩到 最终生成的 js 文件里,不需要页面上再直接加载 图片 打包 处理 css 文件里的 img 图片 到 最终的 js 文件里面去 转成base64 加载 img 安装文件处理插件 file-loader npm install --save-dev
阅读全文
posted @ 2021-02-09 14:01 星星园
阅读(172)
评论(0)
推荐(0)
webpack打包多个html打包,分别引入不同的 多个 js 文件 流程
摘要: 1. 入口配置一个或者多个: entry:{ // 单个 js 打包 'js/a':'./htmlDist/cn/js/A.js' , // 单个 js 'js/b':[ // 多个 js 合并 './htmlDist/cn/js/B.js' , './htmlDist/cn/js/c.js' ,
阅读全文
posted @ 2021-02-09 13:33 星星园
阅读(1405)
评论(0)
推荐(0)
webpack打包所有css打包压缩到一个js里面
摘要: 打包 css 文件的意义: 最终把 css 文件压缩到 最终生成的 js 文件里,页面不需要再加载 css 文件,并且是压缩过的 打包 css 文件 ,安装 style-loader css-loader npm install --save-dev style-loader css-loader
阅读全文
posted @ 2021-02-09 11:06 星星园
阅读(2009)
评论(0)
推荐(0)
导航
博客园
首页
联系
管理
公告