随笔分类 - a-我的学习路线
摘要：好家伙， 1.vue的目录结构分析 来看看项目的目录 (粗略的大概的解释) 2.vue项目的运行流程 在工程化项目中，vue要做的事情很单纯：通过main.js把App.vue渲染到index.html的指定区域中, 先来看看html文件: <!DOCTYPE html> <html lang=""
阅读全文
摘要：好家伙，到了打包发布这一步了 1.配置打包命令： 在package.json 文件的 scripts 节点下，新增 build 命令如下： "scripts": { "dev": "webpack serve", // 开发环境中，运行 dev 命令 "build": "webpack --mode
阅读全文
摘要：好家伙， 1.打包处理js文件中的高级语法 webpack只能打包处理一部分高级的JavaScript 语法。对于那些webpack无法处理的高级js 语法，需要借 助于 babel-loader 进行打包处理。 例如 webpack无法处理下面的JavaScript代码： // 1.定义了名为 i
阅读全文
摘要：好家伙 先扩充一下知识点: 什么是.less文件? 作为一名前端开发的同学，很多时候我们都无法避免地要去写大量的 CSS 代码， 而且耗费的时间还不少，所以学习一种能够提升开发效率的 CSS 预处理器是必不可少的 答:Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 C
阅读全文
摘要：好家伙， 1.webpack配置中devServer节点的常用配置项 devServer:{ //首次打包完成后，自动打开浏览器 open:ture, //在http协议中，如果端口号是80，则可以被省略(只有) port:80 //指定运行的主机地址 host：'127.0.0.1' } 注意:凡
阅读全文
摘要：好家伙， 1.html-webpack-plugin的作用 讲一下为什么需要这个插件 存在问题:在点开locahost:8080之后出现的是项目的根目录,而不是网页 这时候需要再点开scr文件夹才能看见index首页 所以我们想要一进8080就能够看到index首页, 解决方法:我们可以把index
阅读全文
摘要：好家伙， 1.webpack中的默认约定 默认的打包入口文件为src -->index.js 默认的输出文件路径为dist -->main.js 既然有默认，那么就说明肯定能改 2.entry和output 在webpack.config.js配置文件中， 通过entry节点指定打包的入口。 通过o
阅读全文
