上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 30 下一页
摘要: 在配置webpack的时候,没有实时编译,每次修改的时候,都需要重新执行webpack命令。这样效率很低 此时可以通过设置watch属性为true,表示实时编译 const { resolve } = require("path"); module.exports = { // 入口文件 entry 阅读全文
posted @ 2021-10-27 10:40 keyeking 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 目录文件: 打包配置CSS资源 此时只配置了html的plugin和css的loader。 在index.css中引入图片 webpack.config.js文件 const { resolve } = require("path"); const HtmlWebpackPlugin = requi 阅读全文
posted @ 2021-10-27 10:23 keyeking 阅读(75) 评论(0) 推荐(0) 编辑
摘要: JS文件的压缩 index.js function add(a, b) { return a + b; } console.log(add(1, 2)); 此时进行webpack打包 打包后的build/build.js HTML文件的压缩 HTML文件的压缩是在html-webpack-plugi 阅读全文
posted @ 2021-10-27 10:05 keyeking 阅读(607) 评论(0) 推荐(0) 编辑
摘要: ES6的语法兼容 ES6的语法兼容,低版本浏览器是不识别的,比如IE8以下,如果使用webpack进行打包js文件,是不会进行翻译的,使用babel会翻译ES6的语法 我们在index.js文件中使用es6语法写一个函数 const fun = (a, b) => a + b; console.lo 阅读全文
posted @ 2021-10-27 09:37 keyeking 阅读(243) 评论(0) 推荐(0) 编辑
摘要: style-loader、css-loader、less-loader都是基础配置,常用配置指的是按需配置,需要使用的时候再进行的配置 目录结构: 安装依赖 npm install mini-css-extract-plugin -D webpack.config.js文件 const {resol 阅读全文
posted @ 2021-10-27 09:22 keyeking 阅读(290) 评论(0) 推荐(0) 编辑
摘要: 使用webpack进行打包就必须要掌握webpack的5个核心的概念 入口(entry) 入口起点(entry point) 指示 webpack 应该使用哪个模块,来作为构建其内部 依赖图(dependency graph) 的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点( 阅读全文
posted @ 2021-10-26 22:27 keyeking 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 概述 webpack是node工作流工具,是一个模块打包器。它的主要目的是将JavaScript的文件打包到一起,打包将复杂的、浏览器不识别的文件、语法变为浏览器识别的文件和语法后用于在浏览器中使用 官网地址:https://webpack.docschina.org/ webpack的核销思想就是 阅读全文
posted @ 2021-10-26 22:25 keyeking 阅读(175) 评论(0) 推荐(0) 编辑
摘要: ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量 基本使用 目录结构: 我们要将index.html文件当做浏览器显示页面,需要引入import.js 文件即可,import.js文件中要获取export.js文件中的值 <!DOCTYPE html> 阅读全文
posted @ 2021-10-26 20:10 keyeking 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 基本使用 CMD英文全称 Common Module Definition(通用模块定义); NodeJS就是CMD规范的 CMD规范的实现:commonjs 、seajs、nodejs 我们以seajs举例实现 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2021-10-26 18:00 keyeking 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 传统HTML文件的引入问题 一个HTML页面中,如果引用了多个js文件会发生什么样的事情? 比如我们下面的HTML文件中,引入了1.js和2.js,这两个文件中同时都设置了fun函数,那么此时执行哪一个? <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2021-10-26 17:17 keyeking 阅读(166) 评论(0) 推荐(0) 编辑
上一页 1 ··· 11 12 13 14 15 16 17 18 19 ··· 30 下一页