上一页 1 2 3 4 5 6 7 8 9 ··· 29 下一页
摘要: 重点:开发环境只需要能让代码运行起来即可 提问:为什么没有css文件打包呢? 答:因为css文件内容打包到了built.js文件中,会自动加内容加载在index.html中的 提问:css打包在js中会出现闪屏现象吗?为什么? 答:css在js中,这样js文件体积变得非常大,下载就会非常慢,因为是先 阅读全文
posted @ 2021-04-27 16:29 zmztyas 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 注意:很可惜,页面一直在加载中,没成功,目前在做webpack之(9)的时候问题已经进行分析 常见的问题: 需要优先安装一下包 npm i webpack-dev-server -D 但是发现项目根本无法运行而报错,具体看报错问题 npm i webpack -D npm i webpack-cli 阅读全文
posted @ 2021-04-27 15:33 zmztyas 阅读(347) 评论(0) 推荐(0) 编辑
摘要: webpack5的版本 后面有版本会单独出一篇文章 通过load打包其他文件资源 注意内容 在这里用到了文字图片,下载iconfont,然后在index.js引入css文件 然后开始打包,注意打包的验证采用排除 exclude 关键字 记住:.html文件并没有引入,因html-webpack-pl 阅读全文
posted @ 2021-04-27 12:49 zmztyas 阅读(57) 评论(0) 推荐(0) 编辑
摘要: 模块定义和使用 在commonjs中,一个文件就是一个模块.定义一个模块导出通过exports 或者 module.exports挂载即可 exports.count = 1; 导入一个模块 const {resolve} = require('path') CommonJS的模块主要由原生modu 阅读全文
posted @ 2021-04-27 12:15 zmztyas 阅读(129) 评论(0) 推荐(0) 编辑
摘要: webpack5的版本 后面有版本会单独出一篇文章 通过load打包img文件 注意内容 url-loader 和 file-loader是一起的,若是less里面用到了图片那就没关系 若是html中用了img标签引用图片,那么打包后就会出现问题,图片显示不出来,这个问题一直都存在,不知如何解决 h 阅读全文
posted @ 2021-04-27 11:42 zmztyas 阅读(325) 评论(0) 推荐(0) 编辑
摘要: webpack5的版本 后面有版本会单独出一篇文章 通过load打包html文件 注意:在打包html文件时,因为资源在打包的时候会自动引入 若index.js有包含css/less文件,就需要配置module中的rules 也就是 loader 第一步:下载html-webpack-plugin插 阅读全文
posted @ 2021-04-27 00:12 zmztyas 阅读(126) 评论(0) 推荐(0) 编辑
摘要: webpack5的版本 后面有版本会单独出一篇文章 通过load打包css文件 第一步:需要下载各种loader 第二步:在index.html中需要引入打包好的文件built.js /* webpack.config.js webpack 的配置文件 作用:指示webpack干哪些活(当你运行we 阅读全文
posted @ 2021-04-26 23:18 zmztyas 阅读(259) 评论(0) 推荐(0) 编辑
摘要: npm i webpack webpack-cli -g 分析语句 运行指令: 开发环境 webpack ./src/index.js -o ./bulid --mode=development webpack会以./src/index.js 为入口文件开始打包,打包后输出到./bulid/buil 阅读全文
posted @ 2021-04-26 22:28 zmztyas 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 环境参数 node.js 10版本以上 webpack 4.26版本以上 预备技能 基本node.js知识和npm命令 熟悉 es6语法 1.1webpack是什么? webpack是一种前端资源构建工具,一个静态模块打包器 什么是构建工具? less 需要 一个小的构建工具 转为 css文件 es 阅读全文
posted @ 2021-04-26 21:03 zmztyas 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 注意点:在创建项目时,一定要注意名字,可以取 zmztya-ui 第一步:新创建一个demo项目 1/将src变为examples 2/添加一个packages文件,用于存放控件,然后fonts也放入其中 第二步: 添加vue.config.js const { resolve } = requir 阅读全文
posted @ 2021-04-26 20:05 zmztyas 阅读(117) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 29 下一页