WRian_Ban的小晴天

在github创建新仓库 github新建一个仓库 本地新建一个文件夹 在文件夹下执行 echo "# webpack-es6-anyFrame" >> README.md git init git add README.md git commit -m "first commit" git remote add origin https://github.com/xxxxxxx/we...

初始化项目 npm init -yes// 默认跳过所有需要选择的条目 安装webpack npm install --sava-dev webpack 如果想使用webpack4+版本，还需安装webpack-cli npm install --save-dev webpack-cli webpack配置项解读 mode: 告诉webpack开发模式，'production’则会压缩代码...

在搭建初步的webpack脚手架中对webpack的配置有了初步的学习，接下来针对样式文件的抽离进一步进行学习。 1、准备工作 安装Sass和Less及其加载器 Less、Sass 扩展了原生的CSS 语言。 Less 是一门 CSS 预处理语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。 Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (va...

1、为什么使用webpack webpack通俗来说其实是一个代码打包机，正式一点叫JavaScript 应用程序的静态模块打包器(module bundler)。将具有依赖性的模块转换打包为我们所需要的静态资源。 其中包括 代码优化：将ES6转换为ES3，Less、Sass转换为Css，Css兼容等。 文件优化：文件压缩，文件合并等。 代码分割：模块化开发中的多页面抽离。 模块合并：单个页面中...