qq_34771938的博客

一、搭建Webpack环境1. 项目目录2. 初始化项目npm init3. 安装 Webpack 相关依赖包npm install --save-dev webpack@4.44.1 webpack-cli@3.3.12 html-webpack-plugin@4.3.04. 修改scripts"scripts": { "start": "webpack"}二、安装、配置 art-template1. 安装art-templa..

一、 官方文档：介绍 - art-template。二、输出1. 转义输出标准语法：{{value}}{{data.key}}{{data['key']}}{{a ? b : c}}{{a || b}}{{a + b}}原始语法：<%= value %><%= data.key %><%= data['key'] %><%= a ? b : c %><%= a || b %><%= a + b .

1.引入 art-template<script src="https://unpkg.com/art-template@4.13.2/lib/template-web.js"></script>2. 准备好模板<script id="tpl-students" type="text/html"> {{each students}} <li>{{$value.name}}--{{$value.age}}--{{$value..

一. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 | webpack 中文网。

一. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 | webpack 中文网。

一. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 | webpack 中文网。

一. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 | webpack 中文网.

一. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 | webpack 中文..

一、处理CSS文件1. 实现 webpack 项目初始化及相关包和插件的安装可以参考：初识 Webpack_小豪boy的博客-优快云博客一、Webpack是什么webpack是静态模块打包器，当webpack处理应用程序时，会将所有这些模块打包成一个或多个文件。webpack可以处理的模块包括js/css/图片、图标字体等单位。静态：开发过程中存在于本地的js/css/图片/图标字体等文件，就是静态的。动态的内容，webpack没办法处理，只能处理静态的。官网：webpack 中文文档 |..