Vue2-Webpack4-Project

一、 功能概述 Babel 是一个 JavaScript compiler 。 Babel 是一个工具链，主要用于在当前和旧的浏览器或环境中，将 ECMAScript 2015+ 代码转换为 Java

Vue2 基于 webpack4 搭建项目，增强对 CSS 处理与支持：1、支持 Sass 2、自动补全前缀 3、转换新的 CSS 语法

1. 压缩 index.html 压缩 index.html ，通过 html-webpack-plugin 实现。通过属性 options.minify 实现，该属性在 production 模式自

1. 添加 index.html 模板 由于 vue 需要一个 div 元素来挂载所有内容，所以 html-webpack-plugin 需要使用模板自动生成 index.html 。 1.1 创建模

每次要编译代码时，手动运行 yarn run build 就会变得很麻烦。 webpack 中有几个不同的选项，可以帮助你在代码发生变化后自动编译代码： webpack's Watch Mode we

1.修改 filename entry 如果传入一个字符串或字符串数组，chunk 会被命名为 main。如果传入一个对象，则每个键(key)会是 chunk 的名称，该值描述了 chunk 的入口起

使用 file-loader，可以将图片和字体混合到 CSS 中。 1. 安装 loader 2. 添加加载图片配置 3. 添加加载字体配置 4. 添加图片、字体文件 5.修改 js 文件 5.修改

1、创建项目路径 创建一个名称为 vue2-webpack4-project 文件夹 2、使用 yarn 初始化 yarn init 3、安装 webpack 安装方式分为本地安装和全局安装。对于大多

大多数项目会需要很复杂的设置，需要使用配置文件。 1.添加配置文件 项目根目录下创建 config 文件夹 创建 webpack.config.js 文件，并添加内容 2.通过配置文件打包 执行以下指

为了从 JavaScript 模块中 import 一个 CSS 文件，需要在 module 配置中 安装并添加 style-loader 和 css-loader。 1. 安装 loader sty