Webpack 4 和单页应用入门本文摘自：https://github.com/wallstreetcn/webpack-and-spa-guidewebpack 更新到了 4.0，官网还没有更新文档。因此把教程更新一下，方便大家用起 webpack 4。写在开头先说说为什么要写这篇文章，最初的原因是组里的小朋友们看了 webpack 文档后，表情都是这样的：摘自 webpack 一篇文档的评论区）和这样的：是

痛点分析我们想使用最新的 ECMAScript 规范进行开发，但是受限于浏览器实现不理想，上线前需要使用特殊工具转译为浏览器支持的语法。我们受够了 CSS 的弱编程能力，想使用 LESS/SASS 等预编译语法或者 PostCSS 自动处理 hack。但浏览器不支持，上线前需要使用特殊工具进行编译转换。本地开发环境下静态资源的引用 URL

0、在线练习您可以使用以下页面进行在线练习：https://www.babeljs.cn/repl1、初始化npm 方式：npm init -yyarn 方式：yarn init -y2、安装 babel 及插件参考网址：https://www.babeljs.cn/docs/babel-clinpm 方式：npm install --save-dev @babel/core @babel/cli @babel/preset-envyarn 方式：yarn add @babel/core @babel/cli @babel/preset-env --dev@babel/core babel 的内核@babel/cli babel

全局安装npm install -g nrm查看可用源nrm ls使用nrm use taobao../../md/大前端/

0、概念HTML：超文本标记语言（HyperText Markup Language）XHTML：可扩展超文本标记语言（eXtensible HyperText Markup Language）CSS：层叠样式表 / 级联样式表（Cascading Style Sheets）JavaScript：一种具有函数优先的轻量级，解释型或即时编译型的编程语言。1、前端层结构层（structural layer）由 [X]HTML 语言负责，由标签组成。表示层（presen

1、为何需要类似 webpack 的构建工具？转换 ES6 语法转换 JSX 扩展语法CSS 前缀补全 / 预处理压缩混淆图片压缩2、webpack 配置文件可以通过 webpack --config 指定配置文件默认： webpack.config.jsmodule.exports = { entry: './src/index.js', // 入口文件 output: './dist/main.js', // 输出 mode: 'production', // 环境 module:{ rules:[ //

查看当前镜像源yarn config get registry切换为淘宝源yarn config set registry https://registry.npm.taobao.org切换原生源yarn config set registry https://registry.yarnpkg.com../../md/大前端/

0、名词解释Node.js一个可以利用 JavaScript 开发服务器端应用的运行环境，可用做服务器、执行批量任务等。在前端开发里一般执行编译 CSS预编译语言、压缩、混淆JS、压缩图片等工程化任务。NPM一个随 Node.js 安装的包管理工具。允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装

在IOS下，input表单以及textarea默认会有个内阴影，一定程度上影响视觉一致，可通过设置下面代码去掉：input,textarea{ -webkit-appearance: none; }../../md/大前端/

闭包函数和闭包价值参考：https://blog.csdn.net/weixin_43586120/article/details/89456183闭包函数：声明在一个函数中的函数，叫做闭包函数。闭包：内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。【特点】外部访问：让外部访问函数内部变量成为可能；内存常驻：局